Edit tab colors

  • 1
  • Question
  • Updated 8 years ago
I want to edit the tab colors on my site, the tabs that read home-about us..is there a website I can go to and customize my own?
Photo of muslimahs_covered


  • 19 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Hello Muslimahs_covered,

The colors of your menu depend on the template you're using. There may be a CSS way to change the color, however. If you have your site published, if you post your URL I can take a look at it and see if the colors of the tabs can be changed with some code.

Photo of muslimahs_covered


  • 19 Posts
  • 0 Reply Likes
the website link is

I'm trying to change the colors on the tabs please help
Photo of Stefan


  • 4448 Posts
  • 190 Reply Likes
Hello muslimahs_covered

I have edited your Site CSS and changed the font and background colour of your tab links. You can undo or edit this by accessing your Site CSS:
  1. In the blue menu bar of Sitebuilder, click on "Style".

  2. Select "Edit Custom CSS".

In the left box you can see the code for my changes. The first paragraph refers to the normal font colour of your menu links and their background colour. Change the code behind "color" to the colour you want. Here is an overview of webfriendly colours: HTML Colour Code Chart. Please note that the black frame around the menu links is part of the style, and its colour cannot be changed.

The second paragraph is about the hover font colour of the menu links (e.g. when you hover over them with your mouse). You can edit the colour there as well.

If you don't want the changes any more, just delete the code from the whole left box and click on "OK" in the bottom right corner.

Although it says that your site is published, I haven't published these changes, so you can only see them in Sitebuilder for now. You must re-publish your site to make the changes effective on your live site.

Hope that helps.