Skip to content

Commit

Permalink
Update flexslider.css
Browse files Browse the repository at this point in the history
Change ".fliex-direction-nav a" height so it fits properly
  • Loading branch information
cobbman committed Oct 2, 2013
1 parent ca347d4 commit 7f3523e
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions flexslider.css
Expand Up @@ -61,7 +61,7 @@ html[xmlns] .slides {display: block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav a { display: block; width: 40px; height: 45px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
Expand Down Expand Up @@ -93,4 +93,4 @@ html[xmlns] .slides {display: block;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
}

1 comment on commit 7f3523e

@doublemarked
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe you should also tweak the top margin by -2.5px, in order to keep it vertically centered.

Please sign in to comment.