Jump to content

(SOLVED) Category images not aligned properly - HELP Please.


Recommended Posts

Hello guys,

I have installed the PS script and it's really good.

There is one problem I notice about the category pictures on my category pages; they are spread out all over the place. There's No symmetry in the category areas at all.

I would like the pictures to be evenly laid out with probably no more than five (5) per line with even space on the left and right margins of the category area. Each thumbnail/picture shown is 80px by 80px.

Please have a look at the attached screen shot to get an idea of what's happening.
I do hope someone can help. :)

Thanks in advance.
Bountyman

-------------------------------------------------------------------------

Solution:

Locate >> themes/prestashop/css/global.css, then edit in your html editor.
The original code was:

/* category.tpl */
h2.category_title { font-size: 1.3em; }
body#category #subcategories li {
margin-right:10px;)


I fooled around a bit until I got it to work just right.
Here's how it looks after I fooled around :):


/* category.tpl */
h2.category_title { font-size: 1.3em; }
body#category #subcategories li {
margin-right:3px;
margin-left:62px;
text-align: center;
float: center;
padding: 10px;


I hope this can help someone else!! ..Worked for me. Who said fooling around was a bad thing?

BTW: I also shortened the category names a bit to help keep things centered even more.

16436_WyGWOt2u8nQsgRuP4Oy8_t

16457_GoceVf4kuC9QnyBtbEQg_t

Link to comment
Share on other sites

  • 5 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...