[SOLVED] How to center the logo image?

essdeeay · #1 Jun 14, 2010, 11:24 AM

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

lmilesw · #2 Jun 14, 2010, 11:45 AM

In the Logo Area Styling box add

HTML Code:

text-align:center;

essdeeay · #3 Jun 14, 2010, 01:10 PM

Thanks Larry - that's one of the things I tried but it doesn't work.

Steve

juggledad · #4 Jun 14, 2010, 01:15 PM

add a CSS Insert

HTML Code:

.logo {padding-right:30%; padding-left: 30%;}

essdeeay · #5 Jun 14, 2010, 02:24 PM

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

lmilesw · #6 Jun 14, 2010, 01:40 PM

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.

lmilesw · #7 Jun 14, 2010, 01:59 PM

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.

essdeeay · #8 Jun 14, 2010, 02:26 PM

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