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)
-   -   [SOLVED] How to center logo and tagline and position tagline under logo? (http://forum.bytesforall.com/showthread.php?t=17046)

Elizabeth Mar 16, 2012 04:17 PM

[SOLVED] How to center logo and tagline and position tagline under logo?
 
I've been trying to center my logo and tagline for about two hours, and I can't figure it out. I centered the title and tag line just fine, but when I uploaded my logo image, the image defaulted back to left alignment, and the tag line is now to the right of the logo.

How do I center the logo image and align the tag line under the logo?

My current WordPress version is 3.3.1 and I downloaded Atahualpa 3.7.3 a couple of hours ago.
This is the link to what I'm working on:

http://newworldpost.blog-pad.com/

juggledad Mar 16, 2012 05:53 PM

try this in CSS inserts
HTML Code:

p.tagline {  margin-left: -350px;
    margin-top: 100px;

You may neet do add a '!imoprtant' to the end of each.

Elizabeth Mar 16, 2012 06:57 PM

Hi Juggledad. Thanks for your help. I tried the code in the css inserts, and the tag line moved over to the far right and dropped down one line.

juggledad Mar 16, 2012 07:13 PM

?? It looks great in Safari and FireFox on my mac

Elizabeth Mar 16, 2012 07:26 PM

Quote:

Originally Posted by juggledad (Post 82029)
?? It looks great in Safari and FireFox on my mac

Oh, I see. Sorry, I'm using Opera, and the display is way off. Also, my logo image still isn't centered in Firefox, although the tag line is aligned left, and is under the logo. But I'm trying to get them aligned to the center/middle of the page-header (they're still aligned too far to the left).

I don't know why it looks like this in Opera though.

juggledad Mar 16, 2012 07:34 PM

Don't you love how all browsers interperate CSS the same way. I love standards :p
To get the logo image centeren I used
HTML Code:

img.logo {
    margin: 30px 0 30px 100%;
}


Elizabeth Mar 16, 2012 07:52 PM

Quote:

Originally Posted by juggledad (Post 82034)
Don't you love how all browsers interperate CSS the same way. I love standards :p
To get the logo image centeren I used
HTML Code:

img.logo {
    margin: 30px 0 30px 100%;
}


Thank you SO much! I adjusted the tag line margin just a little bit, and it's just the way I want it.


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

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