Button styles - OnePage template - Forum | JoomShaper
Solved Templates

Button styles - OnePage template

Asked by jepsen 5 years ago Last activity 5 years ago

Hello

How do I change the style of a button?

Please take a look at the third slide in the slide show on the front page. Link below in hidden content.

Currently the button style is a coloured border and hover style is filled box. I want the button style to be a filled box (as the current hover style) and then the hover style to be a slightly lighter colour.

How can I make this style for my slideshow buttons?

Current style:

Current hover style:

Accepted answer

Marked as the solution
Ariba Staff
5 years ago · edited

Please use the following css rules in Custom CSS section.

You might need to change the color codes as per your choice. 

.owl-stage-outer .sppb-slideshow-fullwidth-read-more {
    background-color: #8a8d4a !important;
}
.owl-stage-outer .sppb-slideshow-fullwidth-read-more:hover {
    background-color: #c2c682 !important;
}

Please do let me know if that works.

Looking forward to your feedback.

5 more replies

Oldest first Newest first Most helpful
Ariba Staff
5 years ago · edited

Hello

Thank you for your query & providing the screenshots.

Let me have a look.

jepsen Asked this
5 years ago

It works just perfectly.

Thank you once again for the very nice, easy and fast support. Lovely!

Ariba Staff
5 years ago · edited

You are most welcome.

I am glad i could help you.

I have one humble request, and would be very grateful if you could honor it and share your kind review in both the links below.

jepsen Asked this
5 years ago

Thank you. I have already given you a review.

Log in to reply.