Site logo

Archived topic

Button in header element on homepage

3 replies · Started by Renske on February 17, 2022

Viewing posts 1–4 of 4

Hi there,

Apparently, when I change the color of my buttons in Customize --> Colors --> Buttons, not only the color of the read more buttons beneath my blog posts changes, but the button in the header on my homepage as well. How do I keep my read more buttons black, and turn the header button on my homepage into green again? :)

See my website in private info.

Hi there,

edit your HTML which looks like this:

<a class="button" href="#aanbod">Mijn aanbod</a>

And give it another CSS Class eg.

<a class="button hero" href="#aanbod">Mijn aanbod</a>

Now you can use some CSS to style the .a.hero.button separately like so:

a.hero.button {
     background-color: #00f;
     color: #fff;
}

a.hero.button:hover {
     background-color: #0f0;
     color: #fff;
}

Awesome, thanks David :)

You're welcome

This archived topic is closed to new replies.