Personalizing Your Website

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Good afternoon. Can anyone help me? I will like to change the background color of my website menu. I am a Silver Member. Please help.

As we I really would like my website background to be really impressive but i am a novice at this. Please help me.

Marrion
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes

Posted 8 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Marion,

You can change your background colour by following the relevant section in this tutorial
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
Thanks Gop, but I need to know how to change the menu backgroung, not the entire background
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Oh sorry Marion. I jumped to a conclusion and didn't take in what you asked for.
Can you tell me the style of the template you are using and I'm happy to have a look at the menu settings to see if I can think of a way. Different templates are likely to have different solutions.
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
Thanks Gop. I am using the Inky Night style for my website.
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
This is exactly what I am looking for. Can you tell me how you achieved this. I want mine to be in gold.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Following is the menu related code for producing the effect with a gold background. need any help with this please let me know..


div#menu {
background: none repeat scroll 0 0 gold;
overflow: hidden;
}

* {
margin: 0;
padding: 0;
text-decoration: none;
}
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
where do i place this?
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
Heu Gop,
Thanks buddy I got to change it to the color I wanted. Can you give me the code to change the text font and color please?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
With your Silver subscription you can utilise the css editor

The only difference being that you do not have to find the existing css for the menu, just copy and paste it into the left hand side pane and carry on.
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
I am really a novice at this. Can you give me an idea of how to find the right one and what to change in this.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Click on Site on your builder toolbar.
Then to Site Settings
Then to Content
Then to Site CSS

Follow the tutorial now but ignore step 3.Now copy the code I have given you and paste into the Site CSS Overrides on the left-hand side.

At the bottom of your dialog box, uncheck the "Disable Site CSS Overrides".
Click on the "Preview" tab to see the changes.
Click on "OK". You will now see your changes applied to all pages in your Sitebuilder.
Photo of Marrion T Rogers

Marrion T Rogers

  • 11 Posts
  • 0 Reply Likes
Thanks Gop this worked well. Much gratitude to you. Have a gr8 day and may God bless you for helping me today.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
This was the code for the background clor. I hadn't seen your comment taht in fct you had got that aspect working.

To change the font color you simply click on the menu editor by mousing over that area. Font colour options will appear so just make the change from there. You don't need to modify the CSS for font color.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
To change the font of your menu you can do this by two ways that I'm familiar with. Either by styling the menu font with CSS or by adding a couple of HTML codes to the Menu item text.

Use the web-safe fonts for this option as if you select something that you may have on your computer, chances are that viewers won't and it can change the font to something that looks out of place on your site.

You can use custom fonts but that's another process completely.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Fantastic help on this Gop.. thanks so much!