[SOLVED] Alignment problem in ThemeGlobal

[klaphark]

Hi,

I have some problems with the alignment with the ThemeGlobal template. I am using version 1.5.1.3. Does anyone know where the problem is and how I should fix it?



Thanks in advance,
Mark

Edit: the forum doesn't seem to show the entire image, so here is the direct link:
http://i42.tinypic.com/j6t0g6.png

[plekter]

Could you add the link to the site so we could look for source code?
If I understand you right, you want the cocacola picture to start right from the edge of the box without margin from the left?

[klaphark]

Exactly! And at 'Aanbevolen' you can see the boxes around the images aren't aligned with the 'bestellen' button underneath it. The link is: http://vanilla.x10.mx/index.php?route=common/home

Thanks.

[plekter]

By a quick look, the cocacola banner bug is caused by padding-left: 40px and padding-right: 40px in #content inside stylesheet.css

Fix it by adding the following to your stylesheet:

#banner0
{
margin-left: -40px;
margin-right: -40px;
}


As for the other issue with featured items, I think you can fix it by simply adding:

text-align: center;

to .box-product .image.

NB! I am no CSS master and it could not actually work, so please back the files up before experimenting!

[klaphark]

Thanks! The first problem is solved, but I don't really understand where to put:

text-align: center;

to .box-product .image.

Edit: God, I'm a reading disaster.
Edit2: Doesn't work, any other ideas?

[plekter]

The text-align: center; is the magic keyword for centering conten inside block. Maybe try to add it to .box-product div. Hope it helps!

[klaphark]

Tried every possible combination with adding text-align: center; at the general .box lines. Doesn't work.

[qahar]

I check your site but it change to default theme.

[klaphark]

Changed it back to themeblobal

[qahar]

Honestly, the theme developer should assist you for something like this

Open stylesheet.css line 725, and add margin:0 auto; :

Code: Select all

.box-product .image img {
    ....
    margin: 0 auto;
}

[klaphark]

It works! Thanks a lot!