-
AuthorPosts
-
April 9, 2014 at 6:08 am #249092
I’m using the theme on http://www.headmenco.com. Please take a look at the homepage slider. It is showing two versions of every control button. The same goes for the slider at http://www.headmenco.com/services/metal-roofing/.
The slider wasn’t displaying like this until recently. I’m not sure what update it was that made this happen. Please advise. I could just remove the controls of the slider, but I prefer to keep them.
April 9, 2014 at 6:12 am #249095Hey!
Try adding this code to the Quick CSS:
.ls-borderlessdark .ls-playvideo, .ls-borderlessdark .ls-nav-sides, .ls-borderlessdark .ls-bottom-slidebuttons a, .ls-borderlessdark .ls-nav-prev, .ls-borderlessdark .ls-nav-next, .ls-borderlessdark .ls-nav-start, .ls-borderlessdark .ls-nav-stop, .ls-borderlessdark .ls-fullscreen, .ls-borderlessdark .ls-loading-container{ text-indent: -99999px !important; }Cheers!
JosueApril 9, 2014 at 6:25 am #249102Josue,
Thanks. That worked for the home slider, but the double controls are still showing on the Metal Roofing page. Can you assist?
April 9, 2014 at 7:28 am #249127Hi!
Please go to Enfold > Theme Options and click the “Save” button. This will force Enfold to regenerate the dynamic stylesheet (wp-content/uploads/avia_dynamic/enfold.css) and then the issue should be fixed.
Regards,
PeterApril 9, 2014 at 3:38 pm #249302Peter,
I made all of my CSS changes in a child theme stylesheet.
April 9, 2014 at 5:27 pm #249344Add this too:
.ls-nav-prev, .ls-nav-next{ text-indent: -9999px; }April 9, 2014 at 11:51 pm #249480That helped for the two arrows on the left and right sides, but the control buttons at the bottom of the slider still didn’t display correctly. Don’t worry about coming up with a solution though. I just removed all of the controls on the slider. This one wasn’t as important as the home page one.
April 10, 2014 at 7:12 am #249604Good, glad we could help :)
-
AuthorPosts
- The topic ‘Slider Display Issues’ is closed to new replies.
