Blocks /Design /Button

  • Author
    Posts
  • #161204

    bonnbloger
    Member
    Original poster

    Hallo sakinshrestha,

    how can I change the background color of the button, from black, to purple red?

    With kind regards
    Harry

    The blog I need help with is: bonnerfotoblog.com

    #161248

    sakinshrestha
    Theme Author

    Hello @bonnbloger,

    You can change the color code in the following CSS and then add it in Custom CSS:

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        background: #222;
        color: #fff;
    }
    #161273

    bonnbloger
    Member
    Original poster

    Hallo sakinshrestha,

    Cache cleared, page restarted.
    Of course saved before in CSS Stylesheet Editor and Customizer.

    But the color purple red is not #222;
    I think it is, #ac75ac; right?

    But no matter what color I take, it doesn’t change. However, I take !important; in the css gets only the button in the menu, on top of the site.
    But not the button over Blocks /Design /Button, the is still black.

    /*
    Willkommen beim individuellen CSS!

    Unter https://wp.me/PEmnE-Bt erfährst du mehr über die Funktionsweise.
    */
    button, input[type=”button”], input[type=”reset”], input[type=”submit”] {
    background: #ac75ac !important;
    color: #fff;
    }

    Harry

    #161278

    sakinshrestha
    Theme Author

    Hello Harry,

    Yes, I gave you the default color that is a black background and white text color. So, you need to change that to the color that you need. Also, if you send me the URL where it is black then I can give you the CSS.

    So, in the above CSS if you want to change that to our theme style purple color then you can change that to

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        background: #ac75ac;
        color: #fff;
    }

    Regards,
    Sakin

    #161292

    bonnbloger
    Member
    Original poster

    Hello Sakin,
    The button is still black.

    have entered only your name to the invitation. Whether that works so?

    (This is the first time I have done this.)

    https://bonnerfotoblog.com/

    Regards
    Harry

    #161331

    sakinshrestha
    Theme Author

    Hello Harry.

    Thanks, and it works. So, I have replaced the Previous CSS with the following CSS:

    button, input[type="button"], input[type="reset"], input[type="submit"],
    .wp-block-button__link {
    	background: #ac75ac;
    	color: #fff;
    }

    Regards,
    Sakin

    #161334

    bonnbloger
    Member
    Original poster

    Hello Sakin,

    thank you very much!
    wonderful, yes it worked.
    with kind regards
    Harry

    #161343

    sakinshrestha
    Theme Author

    That’s nice and have a nice day.

The topic ‘Blocks /Design /Button’ is closed to new replies.