Jump to content

Archived

This topic is now archived and is closed to further replies.

foqis

Change color backgroud and font color and size in navbar

Recommended Posts

foqis

Hi,

 

I would like to change the background color of the navbar and also the size and color of the text. Can this be done in de DMS editor by adding a simple code in the settings of the navbar "Custom Styling Classes" and or "Inline CSS styling"?

 

What code should I use here?

 

url: http://recademy.nl 


Regards,

 

Peter van Dam

Share this post


Link to post
Share on other sites
Danny

Hi,

 

You can change the color of text and size of your menu items using the following code:

 

#site .menu-item > a {
font-size: 16px;
color: green;
}
 
Also, if you wish to change the color of the background for the navigation, use the background color option.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
foqis

Hi Danny,

 

Thanks for your response. 

 

Where should I put the code?


Regards,

 

Peter van Dam

Share this post


Link to post
Share on other sites
Aires

Hi,

Add that code to the custom less/css  in the editor.

 

Aires


ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
foqis

This works great. I only would like to change the color of the fonts in the navigation bar in stead of the menu. Which code can I use for this?


Regards,

 

Peter van Dam

Share this post


Link to post
Share on other sites
Danny

The code I gave you should change the color for all menu items. Therefore, can you provide a screenshot of what you're referring to please ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
foqis

Hi Danny,

 

The code works perfect for all the menu items. The font in de nav bar would look nicer if it was white. By using the code it turns into white, just as all the fonts in the other menus. The other menus have a white background and than you cannot see the text anymore. So I just would like to change the size and color of the fonts in de nav bar.

 

http://recademy.nl


Regards,

 

Peter van Dam

Share this post


Link to post
Share on other sites
Danny

You're not using NavBar, but the section Navi. Therefore, you will need to use the following code:

 

#site .section-navi li > a {
  color: white;
  font-size: 16px;
  opacity: 1;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
foqis

Thanks, this works great!

 

Happy new year to all of you!


Regards,

 

Peter van Dam

Share this post


Link to post
Share on other sites
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×