Centering Genesis Responsive Slider Excerpt

.slider-area{ text-align:center; } #genesis-responsive-slider{ border:none !important; padding:0 !important; } .slide-excerpt { background-color: transparent !important; top : 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin:0 !important; opacity:1 !important; filter: alpha(opacity=100) !important; } #genesis-responsive-slider h2 a{ display:block; } .slide-excerpt p { border: none; margin: 0 auto !important; padding: 0; text-align: center; } .slide-excerpt p a{ width:25%; padding:13px 0; margin:15px auto 0; opacity:1; } html > body .slide-excerpt-border { top : 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin:0 !important; padding:25px !important; opacity:1 !important; filter: alpha(opacity=100) !important; background:rgba(255,255,255,.7) !important; border: none !important; display: block; position: absolute !important; z-index: 8; } .flex-direction-nav li a{ background: none !important; width:30px !important; height:57px !important; margin:-25px 0 0 !important; } .flex-direction-nav li a.next{ background:url(img/arrows.png) no-repeat -30px 0!important; right:30px !important; } .flex-direction-nav li a.prev{ background:url(img/arrows.png) no-repeat 0 0!important; left:30px !important; }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.