Buttons color

Author

Posts
June 12, 2020 at 2:59 pm #155491

twonavblog
Member

Hi!!

I want to change the buttons color CSS. I mean the buttons we can add inside a post.

Wich CSS I should add?

Thank you!!

Lee

The blog I need help with is: (visible only to logged in users)

June 12, 2020 at 8:02 pm #155509

binarymoon
Theme Author

Hi lee – thanks for the message.

It sounds like you are using the new block editor, in which case you can change the colours in the editor as seen here:

If you want a colour not in the predefined choices then you can click on ‘custom color’ to pick any colour you would like.

Thanks – Ben

June 25, 2020 at 2:18 pm #155877

twonavblog
Member

Original poster

Hi Ben thanks for your answer.

But this way I have to edit each one I add, I would like to do it for all the site, via CSS.

For now I’ve added this CSS:

/* Change hover color on buttons | 21851872-hc */
a.wp-block-button__link:hover {
color: #00B3AD !important;
border-radius: 10px !important;
}
a.wp-block-button__link {
border-radius: 10px !important;

June 25, 2020 at 7:15 pm #155886

binarymoon
Theme Author

Ah ha – ok, I see what you mean now.

Does that CSS do what you want or would you like me to give you some additional help?

Thanks – Ben

June 30, 2020 at 3:03 pm #156027

twonavblog
Member

Original poster

Hi Ben,

Wich code do I need to change the color for the rest of the button states?

Now I have the hover and the “normal”

June 30, 2020 at 8:55 pm #156051

binarymoon
Theme Author

The other states are a.wp-block-button__link:active (for currently selected links) and a.wp-block-button__link:visited (for links you have visited before).

There’s more info here: https://www.tutorialrepublic.com/css-tutorial/css-links.php

Thanks – Ben

July 1, 2020 at 10:38 am #156086

twonavblog
Member

Original poster

Perfect!

Thank you Ben

The topic ‘Buttons color’ is closed to new replies.

No items found.