Sticki Posted August 6, 2014 Share Posted August 6, 2014 Hi, How and where I can change the color from the arrows on the homeslider? maybe on black? because I haven't a dark background, normaly I have e white background. Link to comment Share on other sites More sharing options...
Sticki Posted August 14, 2014 Author Share Posted August 14, 2014 Hi, How and where I can change the color from the arrows on the homeslider? maybe on black? because I haven't a dark background, normaly I have e white background. no person can help me??? Link to comment Share on other sites More sharing options...
dioniz Posted August 14, 2014 Share Posted August 14, 2014 Open yourdomain/themes/default-bootstrap/css/modules/homeslider/homeslider.css and find this: #homepage-slider .bx-wrapper .bx-controls-direction a:after { color: white; display: block; font-family: "FontAwesome"; font-size: 21px; height: 48px; left: 0; padding: 16px 0 0; position: absolute; text-align: center; text-indent: 0; top: 0; width: 48px; z-index: 2; } Change color:white; to desired color for arrows then find: #homepage-slider .bx-wrapper .bx-controls-direction a { border: 2px solid white; bottom: 10px; height: 52px; outline: 0 none; position: absolute; text-indent: -9999px; width: 52px; z-index: 9999; } Change border: 2px solid white; to desired color for border 4 Link to comment Share on other sites More sharing options...
Sticki Posted August 15, 2014 Author Share Posted August 15, 2014 Hi dioniz thank you !!! :-) Link to comment Share on other sites More sharing options...
peaceful Posted December 28, 2014 Share Posted December 28, 2014 Open yourdomain/themes/default-bootstrap/css/modules/homeslider/homeslider.css and find this: #homepage-slider .bx-wrapper .bx-controls-direction a:after { color: white; display: block; font-family: "FontAwesome"; font-size: 21px; height: 48px; left: 0; padding: 16px 0 0; position: absolute; text-align: center; text-indent: 0; top: 0; width: 48px; z-index: 2; } Change color:white; to desired color for arrows then find: #homepage-slider .bx-wrapper .bx-controls-direction a { border: 2px solid white; bottom: 10px; height: 52px; outline: 0 none; position: absolute; text-indent: -9999px; width: 52px; z-index: 9999; } Change border: 2px solid white; to desired color for border This was helpful. Thank you. However, I have made the change and saved it. I refreshed the website and there was no change. Does it usually take time for the change in code to take effect? Link to comment Share on other sites More sharing options...
dioniz Posted December 28, 2014 Share Posted December 28, 2014 Try to clear browser cache Link to comment Share on other sites More sharing options...
Recommended Posts