change Menu tabs colour

  • 1
  • Problem
  • Updated 6 years ago
  • Solved
Hi all hope somebody can help, I'm using the corporate green template but would like to change the colour of the menu tabs, is there any way to do this?. Thanks in advance Craig
Photo of Craig Whittaker

Craig Whittaker

  • 9 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Craig,

That style is a little bit different to most of the other Styles. The navigation menu is created with images rather than a simple colour:



Background navigation bar.



Active tab.

To replicate the effect you will need to create an image of the dimensions of the original in the colours you wish to use and store them in the File Manager for use. Once you have these items created, replacing them in the Style is straight forward by using your CSS over-rides of your sitebuilder (for Yola Silver or Gold)

If you wish to replace this with a straight colour change without the 3D effect this can be done also.
Photo of Craig Whittaker

Craig Whittaker

  • 9 Posts
  • 0 Reply Likes
Thanks great help, I have uploaded the new image but how do i insert it into the css i need to change the target image in this bit of code i think.

div.ys_menu_2 ul li.selected a {
color:#fff;
background:#419c1d url(http://s1.yolacdn.net/V0000152/templa...) top left repeat-x;

but how do i find the http: of the file i have uploaded.
thanks
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
The address of the image is resources/image-name.jpg presuming that the image you created is a jpg file and image-name is the name you have stored the image with.
Photo of Craig Whittaker

Craig Whittaker

  • 9 Posts
  • 0 Reply Likes
thank you for your help much appreciated sorted now