Changing the colour of the 2 buttons on the front page

Hi, my friend and I have recently set up

Please can you advise me how I change the following:

  1. How to change the colours of the 2 buttons on the front page? I would like the ‘StepUp2Snowdon’ button to not be transparent (and easier to be seen).

  2. Change the colour of all hyperlinks from yellow to blue.

  3. Change the rollover colour of the menu items (along the top).
    (On this page the menu items are on a blue background. When you put the mouse on a menu item, it’s blue on blue, hence you can’t see it!)
    An easier solution would be to change the header colour!

Many thanks

Good morning Patrick :slight_smile:

  1. please add this css code in appearance > customize > custom css:

#header.header-front-page .bottom-header .header-button-one {
background-color: rgb(5, 127, 5);

  1. use this code in the same place:

.markup-format a {
color: #233f8c;
text-decoration: underline;

  1. this css code:

#header .top-header .header-navigation ul li:hover a {
color: red !important;

Many thanks, Very helpful and much appreciated.

If you’re happy with our service, don’t forget to rate us: [Illdy] Reviews |