Change button color

  • Resolved stormdb

    (@stormdb)


    5 years, 6 months ago

    When you arrive on my homepage [Moderated: Redundant link redacted], you can see that the my ‘accept cookies’ button is completely black. How do I change this?

    Someone told me that this is the thing that’s responsible:

    .elementor-kit-19 .elementor-button {
    color: #303633;
    background-color: #303633;
    }

    I don’t know a thing about CSS, HTML or JS. What should I do to get rid of this?

    Oh, and can you also tell me how slow my website loads? I hadd problems before and would like to know how you guys experience it now.

    Thanks,
    Storm

    • This topic was modified 5 years, 6 months ago by t-p.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator t-p

    (@t-p)

    5 years, 6 months ago

    look for this CSS rule in your style.css file:

    .seopress-user-consent button {
    vertical-align: middle;
    margin: 0;
    font-size: 14px;
}

    Try Replacing it with:

    .seopress-user-consent button {
    vertical-align: middle;
    margin: 0;
    font-size: 14px;
    color: #fff;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    A custom CSS editor (usually titled Additional CSS) is included in the Customizer as of WordPress 4.7 specifically for this purpose.

    As an alternative, especially if you intend to modify more than just CSS, create a child theme.

    Prabhat

    (@prabhatrai)

    5 years, 6 months ago

    Hey @stormdb,
    Add the below CSS code in customizer.css file:

    #seopress-user-consent-accept{
  background: red;
}

    Here, you can replace the “red” color with the color of your choice.

    Thread Starter stormdb

    (@stormdb)

    5 years, 6 months ago

    Thanks for helping me out guys. Actually, I had to paste the CSS in Elementor custom CSS and not my theme’s custom CSS.

    I just used this CSS code then.
    .elementor-kit-19 .elementor-button {
    color: #303633;
    background-color: #303633;
    }

    And changed the colors.

    Thanks again

    • This reply was modified 5 years, 6 months ago by stormdb.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Change button color’ is closed to new replies.

Tags