Buttons color

  • Author
    Posts
  • #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)

    #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:
    Screenshot 2020 06 12 at 21 00 20

    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

    #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;

    #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

    #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”

    #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

    #156086
    twonavblog
    Member
    Original poster

    Perfect!

    Thank you Ben

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