Button background color

Hello,

I would like to change the background color of the button “ON S’APPELLE” on the he first row.

http://chauffage-geneve.ch/home-3/

Could you help me please ? Thank you. Seb :slight_smile:

Hello Seb, I don’t see that button in the first row.

Can you please provide some explanatory screenshots?

Kind Regards, Roman.

Hey Roman

I’m apologize, I’ve renamed the label. It’s the “Contact” button (the red one).

Thank you

Hello Seb, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.panel-widget-style-for-500-0-0-1 a.button:not(.white-btn) {
    background-color: green;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello Roman,

Thank you ! The background color works but the glow effect doesn’t work anymore (as the white button).

Thank you for your help. Seb :slight_smile:

Hello Seb,

I’ve just checked your website once again and it looks like you reworked that section, so I guess that this issue is no longer actual, is it correct?

Kind Regards, Roman.

Hello Roman,

But when you put the mouse over the button without click, there is a glow or shadow effect. I would like to change the color of this effect.

Thank you. Bye :slight_smile:

Okay Seb, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.panel-widget-style-for-395-0-0-1 a.button:not(.white-btn):hover {
    box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.5);
}

Kind Regards, Roman.

Thank you a lot Roman. It works perfectly :slight_smile:

Great! You are welcome Seb :slight_smile:

Kind Regards, Roman.