Jump to content


Photo
- - - - -
Resolved

Changing navbar



This topic has been archived. This means that you cannot reply to this topic.
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
  • 16247 posts

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

Posted 23 September 2012 - 03:11 PM

The topic was marked as resolved.