Jump to content

kitablue front page display


nivar

Recommended Posts

kitablue template now displays products 5 in a row on the front page.

how to set this to be 3 or 4?

see the graphics below for for clarifications.

========

|=STORE=|

|=======|

| OOOOO |

| OOOOO |

| OOOOO |

========

this to

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

========

|=STORE=|

|=======|

| OOOO |

| OOOO |

| OOOO |

========

Link to comment
Share on other sites

this works, thanks for the help.

You will need to make some changes in your layout.css file. Find div.latest products and try changing the width to 24% for 4 accross or about 31% for 3 accross. You might want to change some other values to suit look of your site.
Link to comment
Share on other sites

  • 2 weeks later...
  • 1 year later...

You will need to make some changes in your layout.css file. Find div.latestProds and try changing the width to 24% for 4 accross or about 31% for 3 accross. You might want to change some other values to suit look of your site.

Could anyone point out why to use figure 19% for 5 products per row instead of 20%? Similarly, why to use 24% for 4 products/row instead of 25%? Thanks!

Link to comment
Share on other sites

You will need to make some changes in your layout.css file. Find div.latestProds and try changing the width to 24% for 4 accross or about 31% for 3 accross. You might want to change some other values to suit look of your site.

Could anyone point out why to use figure 19% for 5 products per row instead of 20%? Similarly, why to use 24% for 4 products/row instead of 25%? Thanks!

Never mind, I've got the answer myself after looking at the div.latestProds class.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...