button colour

[computerarts]

Hi there,

How do I change the colour of the button to a costomized colour? i would like the black ‘LÆS MERE’ button to be the pink i am also using for the heading ‘ om mobilsmuk’

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

The code below will change the color of all black buttons to pink.
Add it to the custom css option.

.sf-button.black {
    background-color: #d9007a!important;
}

-Rui

[computerarts]

Hi thanks, But what if I don’t want to change the colour of all of the black buttons?Just some specific ones?

[David Martin – Support]

You can add a Custom Class to the Page Builder element that button resides in, ex:

Then update the above CSS to use the class:

.custom-pink .sf-button.black {
    background-color: #d9007a!important;
}

[computerarts]

Great thanks!

[Rui Guerreiro – SUPPORT]

No problem.Thanks David.

-Rui

[computerarts]

Hi again, if I want to make the button change to black with when you hover over it what more do I need to add to the css?

Thank you

[Rui Guerreiro – SUPPORT]

Hi,

Add also this code below.

.custom-pink .sf-button.black:hover {
    background-color: #000!important;
}

-Rui

[computerarts]

Hmm that didn’t work 🙁 nothing changed

[Rui Guerreiro – SUPPORT]

I just tested it in the browser and it works. Not sure if you have any cache plugin.
Provide me admin credentials to have a look.

-Rui

[computerarts]

Please see http://dinhjemmeside.nu/mobilsmuk/behandlinger/

[Rui Guerreiro – SUPPORT]

Something is wrong in your css custom option, I need the admin to check it.

-Rui

[computerarts]

ps. this is not relevant to the current issue I am waiting to get your reply on but we noticed another issue the theme that should maybe corrected in your next update. http://screencast-o-matic.com/watch/cDXF6HQnDR
Thank you.

[Rui Guerreiro – SUPPORT]

thanks for the heads up, if you provide me the credentials I will help you with the over. Without that we are losing more time replying than fixing that over situation.

-Rui

[computerarts]

sure:

username: cardinalhelp
email: [email protected]
password:3RE2#1jDf#7nfuljhWvhh7vy