how do i change a sub page heading colour?

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

Amanda Leigh Marianne High

  • 51 Posts
  • 2 Reply Likes

Posted 5 years ago

  • 1
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Amanda

Do you mean the colour of the Page Heading? This can easily be done by hovering over the Page Heading, accessing the Heading Editor, and choosing the desired colour.

Or do you mean a submenu and you'd like to change the font colour of the menu link in the navigation?

If you post a screenshot, it could make it clearer. Please also let me know for which website you are requesting this because the right answer to your question may depend on the Style Template you chose.
Photo of Amanda Leigh Marianne High

Amanda Leigh Marianne High

  • 51 Posts
  • 2 Reply Likes
the colour of the attached where i have pointed the red arrow. thanks.

Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Amanda

Thank you for your screenshot. To change the font colour of your submenu, please follow these steps:
  1. Open your website in your Yola Sitebuilder.

  2. Click on the "Site" tab".

  3. Click on "Content".

  4. Click on the "Site CSS" icon.

  5. Add the following CSS code to the left-hand overrides box:
    div.ys_menu_2 a {
    
    color:#CC0000;
    }

  6. Preview the change within the Site CSS Editor by clicking on the "Preview" tab on the right-hand side. You can click through your website to get to the page with the submenu.

  7. Your submenu font colour will now be red. You can change the colour code to the code of your desired colour. For codes please refer to our HTML Colour Code Chart.

  8. Once you found the right colour, save your changes by clicking on "OK".

  9. Republish your website.