Back to Questions Page

Category layout not working with 1 column

0 Comment August 21, 2012
Vote Up
0
Vote Down
Closed
Public
Technical Question
Profile photo of Mike Griffith Mike Griffith asked August 21, 2012

Here is the site while it’s up, but I’m including a screenshot: http://test5.tenetshop.com/index.php/men-scarfs.html

As you can see the text for the third item is being pushed offAttachment 22958

5 answers

Vote Up
0
Vote Down
Profile photo of Mike Griffith ⋅0.00 $tone August 22, 2012
Public

HI griffco,

Seems that you’re setting your site in debug mode, please disable it so that i can check for you.

So sorry about that. I have disabled the hints and made sure that the "men’s scarfs" category is set to 1 column.

#2
Vote Up
0
Vote Down
Profile photo of Saguaros ⋅0.00 $tone August 24, 2012
Public

Hi again,

You can make change to CSS file: \skin\frontend\default\jm_scerif\csstheme.css

At approx line 3568:

Code:

.products-grid li.item {
    float: left;
    width: 31.2%;  <<< change to this value.
}

Regards.

#3
Vote Up
0
Vote Down
Profile photo of chavan ⋅100.00 $tone August 24, 2012
Public

Add this code to this file: /skin/frontend/default/jm_scerif/css/theme.css

Code:

.products-grid .product-information {
    clear: both;
}

This is the optimal fix for that issue

Note: If you Find my Post useful please click on the Thanks Icon

#4
Vote Up
0
Vote Down
Profile photo of Mike Griffith ⋅0.00 $tone August 27, 2012
Public

Thank you Both!

Hi again,

You can make change to CSS file: \skin\frontend\default\jm_scerif\csstheme.css

At approx line 3568:

Code:

.products-grid li.item {
    float: left;
    width: 31.2%;  <<< change to this value.
}

Regards.

Add this code to this file: /skin/frontend/default/jm_scerif/css/theme.css

Code:

.products-grid .product-information {
    clear: both;
}

This is the optimal fix for that issue

Note: If you Find my Post useful please click on the Thanks Icon

#5

This question is now closed

Written By

Further Reading

Comments