Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Add text & html to logo area (http://forum.bytesforall.com/showthread.php?t=14520)

tsheridan Jun 6, 2011 10:39 PM

Add text & html to logo area
 
I have uploaded a logo image and removed the RSS/Email icons from the top right, and I'd like to add text with html in there. Is there a way to do this? I see how I can remove the %logo from the header layout and add a div, but I'd like both, if this is possible. Thanks!

juggledad Jun 7, 2011 03:28 AM

I'm not quite sure what you want, but you can have both the %logo and a div in the 'Configure Header area'

tsheridan Jun 7, 2011 06:51 AM

Yes, that's what I want but I'm unable to get it right. I've tried this -

<div class="logotext">This is the text for the logo area</div>,

that I found in another post, but it is adding it below my logo, in the menu bar, if I place it after the %logo. If I put it before the %logo, it puts it above. I tried floating it to the right, making it only 200px wide, etc. hoping that would allow it to go next to the logo image, but I can see that even though the logo image itself is only a few hundred pixels wide, the entire area is linked to the home page by default, so is it possible to put something adjacent to the logo image?

I realize I can just put the text in a wider logo image, but I want to use an active email link in the header.

Is this possible? Thank you.

juggledad Jun 7, 2011 08:30 AM

What you could do is view the page, then view the page source and copy it to a text document.
Next remove the %logo and view the page and the source and copy it to a document.

Now compare the two, the HTML that is missing is the %logo HTML. Copy that HTML to a file, add you new hlmt to it. Now put it all in place of the %logo.

tsheridan Jun 7, 2011 09:42 AM

Thanks juggledad, here's what I did - I created 2 divs in the inserts, one called .logo, and a nested div called .logoText, then styled them how I wanted. Then I replaced the %logo with my divs as you suggested and it worked!
Any tips on how I can style the links for this area separately from the main body style links?

juggledad Jun 7, 2011 10:32 AM

sure, code a CSS selector and rule for them and stick it in the CSS Inserts area. Since you created the div, you could ad an ID+"..." and use that in teh selector.


All times are GMT -6. The time now is 10:55 AM.

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