Helix Tltimate Template And SPPB Buttons Styling Problem - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Helix Tltimate Template And SPPB Buttons Styling Problem

Scott

Scott

Helix Framework 2 years ago

This is continuation of the on go issue with buttons with SPBP

We need to have button styling in th eHelix Ultimate template there is none. The Bod Link Option are both text and button which is wrong they need to be separate elements.

Video explain sit better.

https://clipchamp.com/watch/F1hxibDbopY

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #114694

Hi Scott,

indeed this may be helpful here, I will add to Helix wish-list. By now those colors are taken from bootstrap 5 style or component styles if they have been defined like in SPPB.

My suggestion for today would be - define your button colors using custom CSS.

So you will be able to override default colors for preset classes : primary, secondary etc. It should take serveral minutes, but after that HUGE time saving for buttons everywhere.

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

BTW

In your case this Custom CSS may be a good example:

.btn-primary, .sppb-btn-primary {
  border-color: #213a6b;
  background-color: #213a6b;
    color: white !important;
}

and please remove that part of custom CSS that you added

#sp-main-body a {
  color: #213A6B;
}

it only makes color mess and dark color is used inside all buttons! It was a bad idea to use it like that. Better would be - if any...

p  a, .sppb-addon-content a  
{color: #213A6B;}
0
Scott
Scott
Accepted Answer
2 years ago #114714

We should not need to use custom css button styling when the customization is in SPPB yet the styling is ignored by the Helix framework.

SPPB button stylingh is part of the button/group button styling. When activated it should overide the Helix default. If users chose not to use SPBP button stylnig then yes Helix setting would be used by default.

Thank you for the custom css but for now I iwll use the default button styling though my cleint is not going to like it.

0