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 the logo image?


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 Jun 14, 2010, 12:24 PM
essdeeay
 
7 posts · Jun 2010
UK
[SOLVED] How to center the logo image?

How can I center the logo image? I've disabled lots of the extras around it. An example of the site is here:

http://www.rowyerboat.com/stmichaels...ess/?page_id=2

Many thanks,
Steve
  #2  
Old Jun 14, 2010, 12:45 PM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
In the Logo Area Styling box add
HTML Code:
text-align:center;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jun 14, 2010, 02:10 PM
essdeeay
 
7 posts · Jun 2010
UK
Thanks Larry - that's one of the things I tried but it doesn't work.

Steve
  #4  
Old Jun 14, 2010, 02:15 PM
juggledad's Avatar
juggledad
 
22,369 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
add a CSS Insert
HTML Code:
.logo {padding-right:30%; padding-left: 30%;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 14, 2010, 03:24 PM
essdeeay
 
7 posts · Jun 2010
UK
Thanks juggledad, but that doesn't work as intended either.

The theme is fluid, so a fixed padding doesn't seem to make sense, but I did try the CSS text-align attribute in the manner you suggested, which only works for IE, but not Firefox. This seems to be a moot point, but I can't figure out how to use the .logo INSERT to cater for all browsers.

Do you have any suggestions?

Many thanks,
Steve
  #6  
Old Jun 14, 2010, 02:40 PM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by essdeeay
Thanks Larry - that's one of the things I tried but it doesn't work.

Steve
After I posted I realized it was an image and may not work. So glad JD is here to bail me out.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jun 14, 2010, 02:59 PM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
I tried the padding right and left and it didn't work for me in Firefox but the following did. Not sure about the other browsers.
HTML Code:
.logo {margin:0px auto 20px auto !important;width:500px;}
The width is needed for the margin auto to work.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #8  
Old Jun 14, 2010, 03:26 PM
essdeeay
 
7 posts · Jun 2010
UK
Quote:
Originally Posted by lmilesw
I tried the padding right and left and it didn't work for me in Firefox but the following did. Not sure about the other browsers.
HTML Code:
.logo {margin:0px auto 20px auto !important;width:500px;}
The width is needed for the margin auto to work.
Hi Larry,

When the theme is fluid, how do I know what to set the width to?

Steve

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center the logo? joe hark Header configuration & styling 8 Sep 11, 2010 01:33 PM
How can I get my logo in the center of the header area? vasantib Header configuration & styling 22 Mar 12, 2010 09:49 AM
If I Leave The Logo Image Field Blank, It Displays Broken Image Icon in Header psaltriparus Header configuration & styling 1 Oct 20, 2009 10:30 AM
[SOLVED] why insert image into image header in place to the blogtitle (like a logo) ? gilles Header configuration & styling 1 Sep 5, 2009 05:14 AM
replace "3 cubes" logo with custom logo image liontigerbear Header configuration & styling 3 May 13, 2009 03:07 PM


All times are GMT -6. The time now is 11:39 PM.


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