Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Logo shifted to right on main page

Logo shifted to right on main page

Views: 796

Results 1 to 5 of 5
13 Sep 2013, 7:43 AM
#1
devyani avatar

devyani

Zen Follower

Join Date:
Aug 2011
Posts:
199
Plugin Contributions:
0

Logo shifted to right on main page

Hi,
My site : https://www.bambino.co.in

I have used the text-align: centre ; for logo in the style sheet. But as you can see the logo is slightly on the right side.
How can I make it alright ?
I have seen all the properties thru "inspect element" . Can't seem to fix it !

TIA

13 Sep 2013, 9:41 AM
#2
dannyvarley avatar

dannyvarley

Zen Follower

Join Date:
Dec 2011
Posts:
287
Plugin Contributions:
0

Re: Logo shifted to right on main page

In your stylesheet under #logo put:

margin: 0 auto;
width: 390px;

Daniel

17 Sep 2013, 6:19 AM
#3
devyani avatar

devyani

Zen Follower

Join Date:
Aug 2011
Posts:
199
Plugin Contributions:
0

Re: Logo shifted to right on main page

I had not subscribed to this thread, so did not realise there was a reply. Apologies.

It worked !
That's so cool.
What do these two lines do ?

18 Sep 2013, 2:55 PM
#4
dannyvarley avatar

dannyvarley

Zen Follower

Join Date:
Dec 2011
Posts:
287
Plugin Contributions:
0

Re: Logo shifted to right on main page

I gotta, be honest. I'm not the greatest at css so ill try to explain in simple terms which I can even understand.

Your logo was set at the full with of the page, So using width:390px sets it to the actual width of the image. And then margin: 0 auto; aligns it in the center of the page.

Daniel

19 Sep 2013, 4:49 AM
#5
devyani avatar

devyani

Zen Follower

Join Date:
Aug 2011
Posts:
199
Plugin Contributions:
0

Re: Logo shifted to right on main page

That sounds logical. And yes I understood too !
Thanks