Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   Showing Logo Next To Page Menu Navigation? (http://forum.bytesforall.com/showthread.php?t=1653)

mannitol May 14, 2009 04:32 AM

Showing Logo Next To Page Menu Navigation? [Solved]
 
I think I am making a mountain out of a molehill for this one! I have changed my page menu navigation so the links go under each other instead of next to each other (I change rMenu ver to rMenu hor anywhere I could in header.php) - but would like to display a logo/image next to it.

How would I go about doing this? Is there anyway I can align the menu next to the logo section (of course, the logo section will need to be decreased in size, and the rss icon removed) - or simply add a table before the rMenu table?

Thanks for any advice :)

bcorrigan May 14, 2009 01:11 PM

See if this thread will help you:

http://forum.bytesforall.com/showthread.php?t=644

mannitol May 14, 2009 01:54 PM

Hi,

Thanks for the link - I looked at it yesterday, however (unless my limited php knowledge is failing me) a background image might not be the solution as the links will remain where they are with the logo under them, as opposed to next to them? :confused:

bcorrigan May 14, 2009 05:59 PM

What you need to adjust is the CSS padding.

What this does is put an image in your anchor link. You then use padding settings to move your text to the (left, right, top or bottom) of your image.

in my site that is :
ul.rMenu li.page-item-659 a:active { /* the anchor link to add the graphic */
padding-left: 20px !important; /* giving the graphic 20 pixels of space and making sure the css is used */
background: url(/ophthweb/wordpress/images/uw-icon-gld-blk.gif) no-repeat scroll bottom left !important; /* the image, set to not repeat and be in the bottom left of the anchor box */

Best of luck!

mannitol May 15, 2009 01:00 AM

Ahh wonderful, thank you very much I will give it a go!

ps: I meant css, not php - I think I spent too long job hunting!!

mannitol May 15, 2009 03:40 AM

Problem solved :D

Code:

ul.rMenu {
background-image: url(/path/here.gif) !important;
background-position: bottom-left !important;
background-repeat: no-repeat !important;
padding-left: 335px !important;
}

Thank you so much :)

striped aardvark Jul 28, 2011 10:43 AM

yet again, this forum saves my butt. thank-you!


All times are GMT -6. The time now is 07:21 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.