View Single Post
  #146  
Old 07-30-2013, 05:23 AM
 
PhilJ PhilJ is offline
 

X-Guru
  
Join Date: Nov 2002
Posts: 4,069
 

Default Re: X-Cart - reBOOT - Responsive Template

Quote:
How can I increase the width of template for wide screens? It maximum size is made for 1280px wide screens, but I want it to look good on 1600px wide monitors and bigger, and to add 5th column into product's grid.

Quite simple, you need to adjust the media queries in skin/reboot/css/reboot.css

The container class is .container

So for example, replace...

Code:
/* Extra Large Desktops */ @media only screen and (min-width: 1824px) and (max-width: 3000px) { ul.grid_view li { width: 25%; } }

With...

Code:
/* Extra Large Desktops */ @media only screen and (min-width: 1824px) and (max-width: 3000px) { ul.grid_view li { width: 25%; } .container { width: 1600px; } }

Then repeat for the various screen sizes.

The product columns are controlled by this CSS, also the media queries section...

Code:
ul.grid_view li { width: 25%; }

So for 5 columns, you need to change to...

Code:
ul.grid_view li { width: 20%; }
__________________
xcartmods.co.uk
Reply With Quote