Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] How to center logo and tagline and position tagline under logo?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Mar 16, 2012, 04:17 PM
Elizabeth
 
4 posts · Mar 2012
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/
  #2  
Old Mar 16, 2012, 05:53 PM
juggledad's Avatar
juggledad
 
22,191 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Mar 16, 2012, 06:57 PM
Elizabeth
 
4 posts · Mar 2012
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.

Last edited by Elizabeth; Mar 16, 2012 at 07:17 PM.
  #4  
Old Mar 16, 2012, 07:13 PM
juggledad's Avatar
juggledad
 
22,191 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
?? It looks great in Safari and FireFox on my mac
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #5  
Old Mar 16, 2012, 07:26 PM
Elizabeth
 
4 posts · Mar 2012
Quote:
Originally Posted by juggledad
?? 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.

Last edited by Elizabeth; Mar 16, 2012 at 07:31 PM.
  #6  
Old Mar 16, 2012, 07:34 PM
juggledad's Avatar
juggledad
 
22,191 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
Don't you love how all browsers interperate CSS the same way. I love standards
To get the logo image centeren I used
HTML Code:
img.logo {
    margin: 30px 0 30px 100%;
}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #7  
Old Mar 16, 2012, 07:52 PM
Elizabeth
 
4 posts · Mar 2012
Quote:
Originally Posted by juggledad
Don't you love how all browsers interperate CSS the same way. I love standards
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.

Bookmarks

Tags
center logo tag line

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Position of the logo in the header c4barbes Header configuration & styling 1 Jul 24, 2010 12:46 PM
Logo directly above tagline? patl Header configuration & styling 1 Jan 1, 2010 04:00 PM
How to position logo image? upscho Header configuration & styling 3 Sep 15, 2009 04:18 AM
Making the tagline logo area read page title maguai Header configuration & styling 4 Aug 18, 2009 10:53 AM


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


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