[Lindavnr]

Hi,

I would like to change the orange color of the button (in the header) and the hover text color on my website.
Is this possible with css?

https://www.feestcafedezwaan.nl/

 

Looking forward to your answer.

[tikaram]

@lindavnr : Can you please let me know the desired color or color code so that I can provide you the required additional css.

Regards,
Tikaram

[Lindavnr]

Great! That’s #95c221

Thanks!

[tikaram]

@lindavnr :  Login to your WordPress admin section. Go to Appearance => Customize => Additional css and add the following css.

.header-media .more-link .readmore {
  background-image: unset;
  background-color: #95c221;
}

a:hover {
  color: #95c221;
}

Let me know if this helps you out.

Regards,
Tikaram

[Lindavnr]

Thanks, the button is green now! When I hover over the button, it is still orange. Do you have css for this too?

 

Also, I would like to change the hover color for the words ‘menu’ and ‘scroll’. Can you help me with this css too?

Thanks so much!

[tikaram]

@lindavnr : Please try adding the following additional css.

.header-media .more-link .readmore:hover {
  background-image: unset;
  background-color: #95c221;
}

@media screen and (min-width: 48em) {
  #fullscreen-menu-toggle:hover,
  #fullscreen-menu-toggle:focus,
  .absolute-header #fullscreen-menu-toggle:hover,
  .absolute-header #fullscreen-menu-toggle:focus,
  .absolute-header .scroll-down:hover {
    color: #95c221;
  }
}

.menu-inside-wrapper .main-navigation .nav-menu .current_page_item>a:after,
.wpcf7-form-control~.focus-border,
.comment-form>p>input~.focus-border,
.comment-form>p>textarea~.focus-border,
.post-wrapper .more-link .readmore:hover::after,
.scroll-down:before,
.scroll-down:after,
.scroll-down>span:before,
.scroll-down>span:after,
.fullscreen-menu-toggle:before,
.fullscreen-menu-toggle:after,
.fullscreen-menu-toggle>span:before,
.fullscreen-menu-toggle>span:after,
.home .post-wrapper .more-link .readmore:hover::after,
.home .post-wrapper .more-link .readmore:focus::after,
.recent-blog-content .archive-post-wrap .hentry .more-link .readmore:hover::after,
.recent-blog-content .archive-post-wrap .hentry .more-link .readmore:focus::after {
  background-color: #95c221;
}

Regards,
Tikaram

[Author]

Posts