4 replies to this topic

[imoreno]

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

•  hp_6S.jpg   219.55KB  19 downloads

[imoreno]

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

')
}

[Danny]

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

[imoreno]

Thanks, changed the code.

[Rob]

The topic was marked as resolved.