SP Page Builder - Link Button Colour Cannot Change - Question | JoomShaper

SP Page Builder - Link Button Colour Cannot Change

KT

Kim Tabori

SP Page Builder 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.

0
12 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #117187

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 (!)

0
KT
Kim Tabori
Accepted Answer
2 years ago #117190

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #117192

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.

0
KT
Kim Tabori
Accepted Answer
2 years ago #117191

Must I change the colour codes to what I need?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #117193

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

info_1089_2023.png

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

0
KT
Kim Tabori
Accepted Answer
2 years ago #117211

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #117214

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

0
Hrvoje Znaor
Hrvoje Znaor
Accepted Answer
1 year ago #172788

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #172826

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.

0
Hrvoje Znaor
Hrvoje Znaor
Accepted Answer
1 year ago #173015

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #173029

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....

1
Hrvoje Znaor
Hrvoje Znaor
Accepted Answer
1 year ago #173049

Thanks for pointing it out to template. Yeah I am using Flex template which overrides some sppagebuilder features. When I renamed sppagebuilder folder in flex template folder, buttons works OK, as it should. I will disable sppb override in all webs where I use flex template. Thanks again :)

0