Jump to content


Photo
- - - - -
Resolved

Changing navbar



  • Please log in to reply
4 replies to this topic

#1 imoreno

imoreno

    Member

  • Members
  • 23 posts

Posted 23 September 2012 - 08:58 AM

Hi,
I am trying to reach a different look for the top branded navbar - like the attached image.
I did manage to change the logo size, but had no success with cancelling the backroung fade to grey color, adding the backround image or moving the logo to the right.
the code i have tried using is:
--------
.navbar .plbrand img { max-height: 75px;
}

.navbar .plbrand { color: #ffffff;
line-height: 75px;
align: baseline;
background-image:url('

Please Login or Register to see this Hidden Content

')
}
-------------------

and my website's here:

Please Login or Register to see this Hidden Content

Attached Files



#2 imoreno

imoreno

    Member

  • Members
  • 23 posts

Posted 23 September 2012 - 09:29 AM

managed to move the logo right, still having problems with backround image...
code now is:
.navbar .plbrand img { max-height: 75px;
position:relative;
left:850px;
}

.navbar .container { color: #ffffff;
line-height: 75px;
align: baseline;
background-image:url('

Please Login or Register to see this Hidden Content

')
}

#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 15047 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 23 September 2012 - 09:54 AM

Hi,

You can add the following to give your navbar some more padding which will increase the space at the top and bottom.

Please Login or Register to see this Hidden Content


You background image position code is incorrect, use the code below and increase/decrease the value to background:postion, to move your image correctly.

Please Login or Register to see this Hidden Content



#4 imoreno

imoreno

    Member

  • Members
  • 23 posts

Posted 23 September 2012 - 10:48 AM

Thanks, changed the code.

#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 23 September 2012 - 03:11 PM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved