Archived

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

  • 0

Logo Right On Top Of The Main Navbar And Different Navbar Text Color


Question

Posted · Report post

Hi!

Thanks for a great framework!

I need help with two things I can't seem to figure out...

1) I want to place my logo right on top of the main navbar (in fact I want to place a site-wide picture including both picture and title of my website above, making it look like the picture is resting on top of the navbar). There is a gap of about maybe 20-30 px's and I want to get rid of it. Some custom CSS should do the trick, right? But what exactly?

2) How do I change the text color within the main navbar? I've chosen the Orange theme, and I want the text to be black.

I think I'm missing something fairly easy, so sorry about that, but I just can't seem to find the answers!

Thank you in advance!

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

Hi there,

 

Yes you'll be able to edit the space between the two sections by adjusting the padding/margins between the sections, this can be done by css. For example

 


#nav {margin-bottom:0;} 

You can find an tutorial on css and how to amend code within the framework here http://www.pagelines.com/wiki/Custom_CSSm we'd also advise you download firebug or use google dev tools to locate the required Id/classes to amend.

 

If you require further information or an overview on css please reference http://www.w3schools.com/css/

 

You would also use css to change the color of the nav text, for example, just replace the names of the id's with the correct id/path you find in firebug :-)

 

Hope this helps

#nav {color: #ffffff;} 

Share this post


Link to post
Share on other sites