Return to previous page

How change button colour? - by paulgor - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 1 months ago ago by Robert Hall

paulgor

Participant

February 29, 2016 at 16:27

Hi, Eight Theme
How change button colour to yellow? Look image https://www.dropbox.com/s/0vwks7x680ljpn2/colour-buttons.jpg?dl=0

Thanks

Best regards
Paul

#115470 Copied

3 Answers

Robert Hall

Support staff

February 29, 2016 at 16:45

Hello,

Do you mean the arrow buttons?
Could you please clarify us with more details?

Regards,
Robert Hall

#115481 Copied

paulgor

Participant

March 1, 2016 at 21:32

Hi, Robert.
Yes we speak abour owl-buttons (owl-prev and owl-next). How change them colour to yellow?
Also how change back to top button (back-top) colour?
Thanks

Best regards
Paul

#115725 Copied
Robert Hall

Support staff

March 2, 2016 at 15:21
Hello,

Sorry for delay.
Please use the following code in 8theme options->Styling->Custom CSS->Global Custom CSS.
CSS for prev button:
```
.owl-carousel .owl-controls .owl-prev:hover{
    border-color: yellow;
}
.owl-carousel .owl-controls .owl-prev{
    border: 1px solid yellow;
}
.owl-carousel .owl-controls .owl-prev:before{
    color:yellow;
}
```
CSS for next button:
```
.owl-carousel .owl-controls .owl-next:hover{
    border-color: yellow;
}
.owl-carousel .owl-controls .owl-next{
    border: 1px solid yellow;
}
.owl-carousel .owl-controls .owl-next:before{
    color:yellow;
}
```
CSS for back to top button
```
.back-top a{
border: 1px solid yellow;
}
.back-top span:before{
color:yellow;
}
```
CSS for hover effect back to top button
```
.back-top a:hover {
    background-color: #B56464;
    border-color: #252525;
    color: #FFF;
}
```
Regards,
Robert Hall
#115839 Copied
Viewing 4 results - 1 through 4 (of 4 total)