can someone please give me the code to make the heading title of each page white like HOME, CONTACT US ETC...

  • 1
  • Question
  • Updated 6 years ago
Photo of Amanda Leigh Marianne High

Amanda Leigh Marianne High

  • 51 Posts
  • 2 Reply Likes

Posted 6 years ago

  • 1
Photo of Philip Taylor

Philip Taylor

  • 355 Posts
  • 66 Reply Likes
Hi Amanda.
If you're talking about the page heading that's next to the banner at the top of the page, just click the "edit Heading" button that comes up when you're in Edit mode. This lets you change the text, colour and size etc. White is #ffffff. You can also add a bit of HTML into the heading too if you want to, like line-breaks, etc.
Photo of Amanda Leigh Marianne High

Amanda Leigh Marianne High

  • 51 Posts
  • 2 Reply Likes
No I need the code for the page headings like HOME, CONTACT US ETC
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Amanda,

There are a couple of ways to do this.
You can add some HTML to each of your navigation headings or you can modify the CSS to change the colour.

Can you let us know the Style name that you are using and also the Yola hosting plan that you subscribe to (Bronze, Silver etc)?
Photo of Amanda Leigh Marianne High

Amanda Leigh Marianne High

  • 51 Posts
  • 2 Reply Likes
CleanSlate is the style sheet. I need to edit the css. do you know the code I can put in there for this? thanks so much.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Amanda,

Thanks for responding. May I ask if you have Yola Silver, Yola Free or Yola Bronze subscription. This information gives me the indication of the appropriate way to do this.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
If you add this to your CSS over-rides, presuming you have Silver or Gold, then this code for the link status will change to white. I have left the visited {#xxxxxx}and the hover as generic {#yyyyyy} for you to add the colour codes appropriate to your customisation. This code will change all your links.

If you have Yola Free or Bronze to add CSS then you will need to add this code to an Internal Style Sheet.

a:link {
text-decoration: none;
color: #ffffff;
}
a:visited {
text-decoration: none;
color: #xxxxxx;
}
a:hover {
text-decoration: underline;
color: #yyyyyy;

}
Photo of Amanda Leigh Marianne High

Amanda Leigh Marianne High

  • 51 Posts
  • 2 Reply Likes
thanks so much everyone :-)
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Amanda

If I understand your post correctly, you'd like to change the colour of the navigation menu links, is that right?

The code section you'll need to edit for this is this one:
#menu ul li a {

text-decoration:none;
font-size:14px;
}

Add your desired font colour like this:
#menu ul li a {

color: #ff3300;
}

The code #ff3300 will result in a red colour. For more colours please see our Colour Code Chart. Just replace the given colour code by your own one.

If you'd like to change the font hover colour for the menu links independently from the normal hover colour, you will need to add this code:
#menu ul li a:hover {

color: #006600;
}