Jump to content

Change Color from arrows on the homeslider?


Sticki

Recommended Posts

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

  • Like 4
Link to comment
Share on other sites

  • 4 months later...

 

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

×
×
  • Create New...