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

In the Logo Area Styling box add

text-align:center;

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

Steve

add a CSS Insert

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

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.

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.

.logo {margin:0px auto 20px auto !important;width:500px;}

The width is needed for the margin auto to work.

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

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.

.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

The width if for the image as that is what you are styling and your image is 500px.

Thanks Larry!

That worked a treat. And thank you for the explanation about the width - that was very useful. It works for me in IE/FF/Chrome.

Thank you again,
Steve

give this a try, it should work

.logo {display:block !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    }

using the width will change the size of the text displayed

Thank you juggledad - that also works just a treat!

Steve

I was unaware of display:block for working with margin:auto Much better than width especially since I had the width of the image wrong.