Jump to content


Photo
- - - - -

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

navbar padding logo

  • Please log in to reply
1 reply to this topic

#1 lstskane

lstskane

    Newbie

  • Members
  • 1 posts
  • Country: Country Flag

Posted 19 December 2012 - 04:40 PM

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!



#2 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 19 December 2012 - 09:31 PM

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

 

Please Login or Register to see this Hidden Content

You can find an tutorial on css and how to amend code within the framework here

Please Login or Register to see this Hidden Content

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

Please Login or Register to see this Hidden Content

 

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

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: navbar, padding, logo