text color change on homepage menu.

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi

I have recently changed my background color on my homepage, is there any way I can change the color of the text on the menu? the black isnt very visible with the background color. thanks..
www.billmanson.yolasite.com
Photo of William

William

  • 294 Posts
  • 0 Reply Likes
  • unconcerned

Posted 9 years ago

  • 1
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
Well, I would think that the template would be smart enough to change it on its own but I guess I'm smarter than computers LOL JK. I don't think we have the option to change the menu's color. This should be a feature request. To be able to customize our menus. I can suggest creating a custom menu through menu customizing websites or making your own using a text widget then deleting your yola menu entirely.
Photo of William

William

  • 294 Posts
  • 0 Reply Likes
hahhaha when did u start speaking chinese lol, how do I do that?? and thanks..
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hi William,
Unfortunately it is not possible at this time to edit the menu attributes such as font style, size, color etc. Are you set on the style you are using? The different various styles have different menu font colors, styles etc., possibly another one would work better with the background you are using.

The other option, as Donald mentioned, would be to create your own menu. Here is a link to a website created by Yola Champs and users with various codes you can take a look at for creating menus and other website elements: http://yolacodes.yolasite.com/.

Hope this helps!

Emmy
Photo of William

William

  • 294 Posts
  • 0 Reply Likes
thanks EVERYONE for your help..
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
<!--

Hi William,

It is possible but staff don't reccommend it.

If you change the menu link colours it will also change the default link colour on the page.

If you want to try - make a test page then add this code to a html widget at the top of that page:

//------------------------ start of code ----------------------

<style type="text/css">

a, a:visited {
background-color: transparent;
color: #0000FF;
}

a:link {
background-color: transparent;
color: #36d381;
}

a:hover {
background-color: transparent;
color: #FF0000;
}

</style>

//------------------------ end of code ----------------------

Have a play round with the colours (#0000FF / #36d381 / #FF0000)

Lee.

-->
Photo of William

William

  • 294 Posts
  • 0 Reply Likes
Awe Lee that worked a TREAT,I did as advised used it on a test page and it worked perfectly THANKS A MILLION LEE.
Photo of lambofgod

lambofgod

  • 875 Posts
  • 35 Reply Likes
Hey William,
the code Duke gave you is awesome! Hope everything works out for ya. Also, your site is coming along nicely!
Photo of William

William

  • 294 Posts
  • 0 Reply Likes
thanks a lot mate appreciate your feedback...
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
With all the problems I've had in the past with changing my link colors (highlighting and color change often does not work) why hasn't anyone suggested this to me? lol
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello

I just want to say to please be sure to test this on a test page first, especially if you're new to HTML coding as sometimes incorrectly adding codes can break your page. I'd hate for anyone to lose all their hard work.
Photo of William

William

  • 294 Posts
  • 0 Reply Likes
thanks sanja it worked a treat lee is awsome....
Photo of hattrellator

hattrellator

  • 1 Post
  • 0 Reply Likes
This is cool but is it possible to get maybe a different colour with a different code or is this the only colour ?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello hattrellator,

You can choose your colours for the links and their status.

Any reference with Hex code colours is OK. This one is as good as any. The HEX code is in the top field.