CSS tips for the Slider
-
Topic
-
For anyone interested, here are 2 CSS changes you can put in the Theme Options > Styles > Custom CSS.
1) These 3 lines remove the large gray overlay block displayed on Full-size images when you use Header or Description text. It also adds a dark background to just the text itself..full-image .content {background-color: transparent !important} .full-image .slide-title span {background-color: #222; padding:0 5px 0 5px} .full-image .slide-description {background-color: #222; padding:0 5px 0 5px; display: inline-block}
2) The next line can be used to pre-set the slider height to whatever you want. I’m not fond of how IE9 displays the page and the slider spinner for a few seconds, and then pushes the page down when the slider finally loads. This CSS allocates an empty space for the slider. You’ll need to change the value to match what your slides-wrapper div height is depending on the size of your slider images crop setting (mine is set to 280 height on the large slides). So 270px works for me. You can check yours using Firefox Firebug util, or IE9’s F12 Dev tools.
.slides-wrapper {height:270px}
- The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.