Awaiting an answer SP Page Builder

SP Page Builder - link button colour cannot change

Asked by Kim Tabori 3 years ago Last activity 2 years ago

I am unable to change the full colour of my button on my website, only partially coloured.

see www.sharula.co.za and button "Wedding Venue Hire Pricing" it is grey and hard to see.

11 replies

Paul Frankowski Senior Staff

3 years ago

Hi Kim,

My suggestion is:

.sppb-btn-default {background-color: #27832F !important; color: white !important;}
.sppb-btn:focus, 
.sppb-btn:hover { background-color: #C9A245 !important; color: white !important;}

Use it inside custom.css file (!)

Kim Tabori Asked this

3 years ago

Thank you, I have added this to custom.css file, what exactly will this do?

Paul Frankowski Senior Staff

3 years ago

change colors of buttons.

Small correction for 1st line:

.sppb-btn-default {background-color: #27832F !important; border-color:#27832F; color: white !important;}

I don't see my CSS inside your custom.css yet.

Kim Tabori Asked this

3 years ago

Must I change the colour codes to what I need?

Paul Frankowski Senior Staff

3 years ago

It depends, becuase in Button addon you can choose Style > Custom - and then define colors using settings.

screenshot from SPPB 4.0.10 front-end editor. This same feature was in SPPB 3.x.

Kim Tabori Asked this

3 years ago

Many thanks, I managed to change the colour however the text only shows when I hover over it, I cannot see where to make this how automatically.

Paul Frankowski Senior Staff

3 years ago

You have to define color of text for button(s) > COLOR field - set #FFFFFF (white)

Hrvoje Znaor

2 years ago · edited

Hello

Latest Sp page builder in latest Joomla 5 Button element doesnt have option to set normal and hover background color
In style tab, option to select normal and hover state is missing!
Can you please fix this?

Edit: The cause was my Flex template and fix was to remove sppagebuilder overrides from it.

Paul Frankowski Senior Staff

2 years ago · edited

There is. It works for Custom style button. I use that feature regullary.

Look UP - Screenshot from year ago.

The only reason why you might not see this option is because of a template that overrides this module, e.g. Flex. Just switch to Casiopea template (set as defult for 3min) and check again settings at the bottom.

Hrvoje Znaor

2 years ago

Hi
It may work for you but I dont see it.
latest Joomla 5, latest SPPB pro

Paul Frankowski Senior Staff

2 years ago · edited

What template full name? Have you checked on Casiopea?

I tested again, on SPPB 5.4.2 and by default, a new Button has that option.
Maybe add a new one, and recheck. Just in case....