Problem with styling buttons

[michaelgiso]

Hi,

I have a problem with some of the buttons on our website. I set them in H3, but they don’t appear in the way that I set the font options of H3. Also, I checked if there aren’t any custom CSS settings for the buttons, but there aren’t. Some of the buttons I have this problem with are the buttons in the picture below. The texts above (‘Private Tailoring’, ‘Pitti Styles’, ‘The perfect suit’) are how the H3 font options are set. The buttons should be styled that way too, but I can’t get them to look the same. Can you take a look? I filled in the admin login details for you.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Is this specifically the font weight? please test this:

a.sf-button span.text {
    font-weight: 400;
}

Thanks.

[michaelgiso]

Thanks, it worked! I have one other question, about something else: I added a toggle on a page, but the hover color of the toggle title is white. This doesn’t look good on my white background. How can I change the hover color of the toggle title?

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us the link to that page that has the toggle?
Thanks

-Rui

[michaelgiso]

https://www.michael-giso.com/shop/

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option. And change the colors to the desired ones.
The 1st rule is for the hover color and the 2nd for the normal state color.

.toggle-wrap .spb_toggle:hover {
    color: #DDD

.toggle-wrap .spb_toggle {
    color: #222;
}

Hope it helps.

-Rui

[michaelgiso]

Thanks, it works!

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s sorted.

-Rui