Site width

Fixed width

There are css-files for different screen resolution in the [YourMagentoDir] /skin / frontend / default / [YourSkin] / css / folder.

media-800.css - for screen wider than 800px
media-480.css - for screen from 480px up to 799px
media-small.css - for screen less 479px

In order to change desktop site width please open [YourMagentoDir] / skin / frontend / default / [YourSkin] / css / media-800.css and find the following code in the top of the file.

In order to set desktop site max-width

In order to set desktop site to fixed width

If Smart Catalog is disabled. Promo category.

Do not forget to replace "WIDTH", "HEIGHT" and "ID" (with the ID of one of the created categories).

<div class="product1-per-line image160px">
                    <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/addon-payment-200" title="Addon payment $200">Addon payment $200</a></h2>
                <a href="https://web-experiment.info/addon-payment-200" title="Addon payment $200" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/p/l/platform.png" width="221" height="221" alt="Addon payment $200" /></a>
                <div class="actions">
                    <div class="short-desc">
                        additional payment, do not pay unless instructed                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-222">
                    <span class="price p-price">$200.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/addon-payment-200" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/one-hour-magento-development" title="Magento Development Service (hours)">Magento Development Service (hours)</a></h2>
                <a href="https://web-experiment.info/one-hour-magento-development" title="Magento Development Service (hours)" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_development_service.jpg" width="221" height="221" alt="Magento Development Service (hours)" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Magento development service                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-226">
                    <span class="price p-price">$60.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/one-hour-magento-development" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/installation-service" title="Installation service">Installation service</a></h2>
                <a href="https://web-experiment.info/installation-service" title="Installation service" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_installation_service.jpg" width="221" height="221" alt="Installation service" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Magento installation service                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-225">
                    <span class="price p-price">$50.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/installation-service" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/service-payment-250" title="Service payment $250">Service payment $250</a></h2>
                <a href="https://web-experiment.info/service-payment-250" title="Service payment $250" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_development_service_3.jpg" width="221" height="221" alt="Service payment $250" /></a>
                <div class="actions">
                    <div class="short-desc">
                        website handling service                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-223">
                    <span class="price p-price">$250.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/service-payment-250" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/basic-hosting-plan" title="Basic hosting plan">Basic hosting plan</a></h2>
                <a href="https://web-experiment.info/basic-hosting-plan" title="Basic hosting plan" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/placeholder/default/181328-200_1.png" width="221" height="221" alt="Basic hosting plan" /></a>
                <div class="actions">
                    <div class="short-desc">
                        basic hosting plan                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-219">
                    <span class="price p-price">$50.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://magenting.com">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/basic-hosting-plan" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/addon-payment-150" title="Addon Payment $150">Addon Payment $150</a></h2>
                <a href="https://web-experiment.info/addon-payment-150" title="Addon Payment $150" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/b/e/behavior_4.png" width="221" height="221" alt="Addon Payment $150" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Additional payment, do not pay unless instructed                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-228">
                    <span class="price p-price">$150.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/addon-payment-150" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/addon-payment-dev-apm" title="Amazon Products Manager - Development License Addon Payment">Amazon Products Manager - Development License Addon Payment</a></h2>
                <a href="https://web-experiment.info/addon-payment-dev-apm" title="Amazon Products Manager - Development License Addon Payment" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_amazon_extension_4.jpg" width="221" height="221" alt="Amazon Products Manager - Development License Addon Payment" /></a>
                <div class="actions">
                    <div class="short-desc">
                        additional payment, do not pay unless instructed                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-227">
                    <span class="price p-price">$421.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/addon-payment-dev-apm" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/zeta-magento-template" title="Zeta Magento Template">Zeta Magento Template</a></h2>
                <a href="https://web-experiment.info/zeta-magento-template" title="Zeta Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/z/e/zeta_magento_theme_2.jpg" width="221" height="221" alt="Zeta Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        “White space sells”...The Zeta Magento theme has a crisp, modern feel with an elegant and minimal design. This is the ultimate theme for a store!                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-186">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/perfectstore_v3/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/zeta-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/perfect-white-magento-template-v2" title="PerfectWhite Magento Template (archive)">PerfectWhite Magento Template (archive)</a></h2>
                <a href="https://web-experiment.info/perfect-white-magento-template-v2" title="PerfectWhite Magento Template (archive)" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/p/e/perfect_white_magento_theme2.jpg" width="221" height="221" alt="PerfectWhite Magento Template (archive)" /></a>
                <div class="actions">
                    <div class="short-desc">
                        The PerfectWhite  is a fashionable european design style Magento Template. This Magento theme is elegant, modern, and simple, with a focus on usability.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-187">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/perfect-white-magento-template-v2" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/perfect-breeze-magento-template" title="PerfectBreeze Magento Template">PerfectBreeze Magento Template</a></h2>
                <a href="https://web-experiment.info/perfect-breeze-magento-template" title="PerfectBreeze Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/b/r/breeze_magento_theme.jpg" width="221" height="221" alt="PerfectBreeze Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        The PerfectBreeze  is a fashionable european design style Magento Template with turquoise blue color scheme. This Magento theme is elegant, modern, and simple, with a focus on usability.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-195">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/perfectstore_breeze/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/perfect-breeze-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/kids-magento-template" title="Kids Magento Template">Kids Magento Template</a></h2>
                <a href="https://web-experiment.info/kids-magento-template" title="Kids Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/k/i/kids_magento_theme_1.jpg" width="221" height="221" alt="Kids Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        It is the perfect theme for a shop selling Baby Products in Baby and Toddler Toys, Strollers, Car Seats and Accessories, Health and Baby Care, Baby Stationery, Gifts                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-198">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento15/kids_magento_template/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/kids-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/simple-products-generator" title="Simple Products Generator Free Magento Extension">Simple Products Generator Free Magento Extension</a></h2>
                <a href="https://web-experiment.info/simple-products-generator" title="Simple Products Generator Free Magento Extension" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/s/i/simple-products-generator-magento-extension_3.png" width="221" height="221" alt="Simple Products Generator Free Magento Extension" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Free extension automatically creates simple products, representing the possible combinations of attributes.                     </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-210">
                    <span class="price p-price">$0.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://wp-one-step-checkout.magenting.com/simple-products-generator.html">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/simple-products-generator" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/bluescale-magento-template" title="BlueScale2013 Free Magento Template">BlueScale2013 Free Magento Template</a></h2>
                <a href="https://web-experiment.info/bluescale-magento-template" title="BlueScale2013 Free Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/f/r/free_magento_theme_3.jpg" width="221" height="221" alt="BlueScale2013 Free Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Give an impressive look for any fashion, jewelry or any type of online store. A multipurpose Magento Theme inspired by simplicity and blue color in design. Must-have free Magento Extensions and Sample Data included!                     </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-211">
                    <span class="price p-price">$0.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://bluescale2013.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/bluescale-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/smart-catalog" title="Smart Catalog Magento Extension">Smart Catalog Magento Extension</a></h2>
                <a href="https://web-experiment.info/smart-catalog" title="Smart Catalog Magento Extension" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/s/m/smart-catalog-magento-extension_3.png" width="221" height="221" alt="Smart Catalog Magento Extension" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Smart Catalog is the first responsive configurable catalog with a toolbar.  Magento extension features: no paging, AJAX product loader,  AJAX pagination and filtering. Configurable image size and column width. Responsive Promo category.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-212">
                    <span class="price p-price">$75.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://smart-catalog.web-experiment.info">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/smart-catalog" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/lightshop-green-v2" title="LightShop Green Magento Template (archive)">LightShop Green Magento Template (archive)</a></h2>
                <a href="https://web-experiment.info/lightshop-green-v2" title="LightShop Green Magento Template (archive)" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/l/i/lightshop-green-magento-template-v2-tmb.jpg" width="221" height="221" alt="LightShop Green Magento Template (archive)" /></a>
                <div class="actions">
                    <div class="short-desc">
                        LightShop Green is the perfect Magento Theme for crafts, home décor, home textiles, accessories, flowers, eco-products,  health products, and visual arts and gift shops.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-213">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/lightshop-green-v2" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/pink-magento-template" title="Lightshop Pink Magento Template">Lightshop Pink Magento Template</a></h2>
                <a href="https://web-experiment.info/pink-magento-template" title="Lightshop Pink Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/l/i/lightshop_pink_responsive_magento_theme_lossless.jpg" width="221" height="221" alt="Lightshop Pink Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Responsive  Pink Magento Theme is perfect for showcasing women’s clothing, spa, makeup products, lingerie, jewelry and any other visually appealing items.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-214">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://pink-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/pink-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/perfect-white-magento-template" title="Perfect White Magento Template">Perfect White Magento Template</a></h2>
                <a href="https://web-experiment.info/perfect-white-magento-template" title="Perfect White Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/p/e/perfect_white_responsive_magento_theme_1_3.jpg" width="221" height="221" alt="Perfect White Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Fully responsive european design style Magento theme with powerful built-in extensions and features. Black and White color schemes to choose and unlimited colors option.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-215">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://perfect-white-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/perfect-white-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/rtl-magento-template" title="RTL Magento template">RTL Magento template</a></h2>
                <a href="https://web-experiment.info/rtl-magento-template" title="RTL Magento template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/r/t/rtl_magento_theme_2.jpg" width="221" height="221" alt="RTL Magento template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        RTL language layout Magento template  is a responsive multipurpose theme which is fully customizable and suitable for any kind of store on any device.  It is Right to Left edition of our Lightshop Green theme.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-216">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href=" http://green-rtl-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/rtl-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/grayscale" title="Grayscale Full-width Free Magento Template">Grayscale Full-width Free Magento Template</a></h2>
                <a href="https://web-experiment.info/grayscale" title="Grayscale Full-width Free Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/g/r/grayscale-full-width-free-magento-template-view-demo-update-2017-tmb.png" width="221" height="221" alt="Grayscale Full-width Free Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        <span class="new">Updated</span><br>Free responsive Magento theme to download. Grayscale is a theme that generously provide premium functionality. Neat and clean in appearance, strong and modern in built-in features. The theme is delivered with custom sample data and 8 most popular free Magento extensions.                     </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-217">
                    <span class="price p-price">$0.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://grayscale-full-width-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/grayscale" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/web-experiment-magento-template" title="WebExperiment Magento Template">WebExperiment Magento Template</a></h2>
                <a href="https://web-experiment.info/web-experiment-magento-template" title="WebExperiment Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_theme.jpg" width="221" height="221" alt="WebExperiment Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        We designed this template for ourselves, and it happens to be one of our best works. We are so excited to share it with you!                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-184">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/web_experiment/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/web-experiment-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/sport-magento-template" title="Sport Magento Template">Sport Magento Template</a></h2>
                <a href="https://web-experiment.info/sport-magento-template" title="Sport Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/s/p/sport_magento_theme_3.jpg" width="221" height="221" alt="Sport Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Suitable for sports apparel, sports equipment, fitness, and clothes stores. With its wonderful fresh design, not only does the theme look stunning, but the exclusive widget means it stands out too!                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-181">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/sports">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/sport-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/green-magento-template" title="LightShop Green Magento Template">LightShop Green Magento Template</a></h2>
                <a href="https://web-experiment.info/green-magento-template" title="LightShop Green Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/r/e/responsive_green_magento_theme_1.jpg" width="221" height="221" alt="LightShop Green Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Beautiful & unique fully responsive Magento theme for crafts, home décor, home textiles, accessories, flowers, eco-products. 10 most popular eCommerce extensions included. We make it easy for you to customize theme settings from colors to layouts.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-168">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://green-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/green-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/sweetshop-magento-template" title="HelloKitty Magento Template">HelloKitty Magento Template</a></h2>
                <a href="https://web-experiment.info/sweetshop-magento-template" title="HelloKitty Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_theme_1.jpg" width="221" height="221" alt="HelloKitty Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Sophisticated, clean, and spacious theme.  It is perfect for Magento stores selling toys, gifts, dolls, kids’ clothing, apparel & accessories.                     </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-169">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/sweet_shop/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/sweetshop-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/candyshop-magento-template" title="CandyShop Magento Template">CandyShop Magento Template</a></h2>
                <a href="https://web-experiment.info/candyshop-magento-template" title="CandyShop Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/c/a/candy_shop_magento_theme.jpg" width="221" height="221" alt="CandyShop Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        The CandyShop Premium Magento Theme (template) is perfect for showcasing kids’ clothing, shoes, toys and gifts. Sophisticated, clean and sweet theme.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-170">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/candy_shop/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/candyshop-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/pink-magento-template-v2" title="LightShop Pink Magento Template v2">LightShop Pink Magento Template v2</a></h2>
                <a href="https://web-experiment.info/pink-magento-template-v2" title="LightShop Pink Magento Template v2" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/p/i/pink_magento_theme_4.jpg" width="221" height="221" alt="LightShop Pink Magento Template v2" /></a>
                <div class="actions">
                    <div class="short-desc">
                        The LightShop Pink Magento Theme is perfect for showcasing women’s clothing, perfume, skincare and makeup products, lingerie, jewelry, toys and any other visually appealing items.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-171">
                    <span class="price p-price">$79.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/pink-magento-template-v2" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/bluescale-2012" title="Bluescale Free Magento Template">Bluescale Free Magento Template</a></h2>
                <a href="https://web-experiment.info/bluescale-2012" title="Bluescale Free Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/f/r/free_magento_theme_5.jpg" width="221" height="221" alt="Bluescale Free Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        The perfect pretty-looking theme for a shop featuring items for kids and babies, toys and games, stationery, home decor or crafts. 4 essential backgrounds included.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-172">
                    <span class="price p-price">$0.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/bluescale/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/bluescale-2012" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/glamour-magento-template" title="Glam Free Magento Template">Glam Free Magento Template</a></h2>
                <a href="https://web-experiment.info/glamour-magento-template" title="Glam Free Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/f/r/free_magento_theme_6.jpg" width="221" height="221" alt="Glam Free Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Let your store sparkle with sophistication with free Magento theme. This wonderful free theme gives you a chance to make your e-commerce store a glamorous one. Easy to set up.                     </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-173">
                    <span class="price p-price">$0.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/fashion/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/glamour-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/grayscale-v1" title="Grayscale Free Magento Template">Grayscale Free Magento Template</a></h2>
                <a href="https://web-experiment.info/grayscale-v1" title="Grayscale Free Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/f/r/free_magento_theme_4.jpg" width="221" height="221" alt="Grayscale Free Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Grayscaleis multipurpose theme suitable for different online stores. Super-clean, elegant, minimalistic free theme built with Magento 1.4.-1.5-1.6-1.7-1.8-1.9.x.x. We are offering to you 5 different style of theme. Free EasyTabs module included.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-174">
                    <span class="price p-price">$0.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/grayscale/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/grayscale-v1" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/black-magento-template" title="StrongBlack Magento Template">StrongBlack Magento Template</a></h2>
                <a href="https://web-experiment.info/black-magento-template" title="StrongBlack Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/b/l/black_magento_theme.jpg" width="221" height="221" alt="StrongBlack Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Black is the most sophisticated color. Women can wear that "must-have little black dress" to the black tie dinner. Yet, the bad guys wear black hats. Black looks stylish and trendy in Web design.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-176">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/storeblack">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/black-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/beautyshop-magento-template" title="BeautyShop Magento Template">BeautyShop Magento Template</a></h2>
                <a href="https://web-experiment.info/beautyshop-magento-template" title="BeautyShop Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/b/e/beauty_shop_theme.jpg" width="221" height="221" alt="BeautyShop Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        This fascinating theme, featuring a clean, beautiful new look and feel, is designed for quick and easy customization.  It comes with a floral background and eye-catching header and footer design.                     </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-177">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/beautyshop/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/beautyshop-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/furniture-magento-template" title="Furniture Magento Template">Furniture Magento Template</a></h2>
                <a href="https://web-experiment.info/furniture-magento-template" title="Furniture Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/m/a/magento_theme_2.jpg" width="221" height="221" alt="Furniture Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        The Magento store design communicates the luxurious nature of goods through rich imagery and sumptuous use of color, inviting the visitor to explore the site, and encouraging them to want to find out more.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-178">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="https://web-experiment.info/magento14/furniture/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/furniture-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/blue-magento-template" title="LightShop Blue Magento Template">LightShop Blue Magento Template</a></h2>
                <a href="https://web-experiment.info/blue-magento-template" title="LightShop Blue Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/b/l/blue_magento_theme_3.jpg" width="221" height="221" alt="LightShop Blue Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Suitable for computers, electronic gadgets, cell phones, books, music & DVDs, games, apparel, computer games and accessories, magazines, stationery, sports, tools, groceries, men's clothing or accessories stores.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-179">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://lightshop-blue-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/blue-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/red-magento-template" title="LightShop Red Magento Template">LightShop Red Magento Template</a></h2>
                <a href="https://web-experiment.info/red-magento-template" title="LightShop Red Magento Template" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/r/e/red_magento_theme_4.jpg" width="221" height="221" alt="LightShop Red Magento Template" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Suitable for computers, electronic gadgets, cell phones, books, music & DVDs, games, apparel, computer games and accessories, magazines, stationery, sports, tools, groceries, men's clothing or accessories stores.                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-180">
                    <span class="price p-price">$29.00</span>                 
                </span>
                        
        </div>

<h3 class="demo-url"><a href="http://red-magento-template.web-experiment.info/">Demo</a></h3>
	                                                            <h3 class="buy-now-link"><a href="https://web-experiment.info/red-magento-template" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        	                <ul class="products-grid">
                    <li class="item first">
                <h2 class="product-name"><a href="https://web-experiment.info/sample-data-addon-purchase" title="Sample data addon purchase">Sample data addon purchase</a></h2>
                <a href="https://web-experiment.info/sample-data-addon-purchase" title="Sample data addon purchase" class="product-image"><img src="https://web-experiment.info/media/catalog/product/cache/1/small_image/221x/9df78eab33525d08d6e5fb8d27136e95/placeholder/default/181328-200_1.png" width="221" height="221" alt="Sample data addon purchase" /></a>
                <div class="actions">
                    <div class="short-desc">
                        Addon purchase for a sample data                    </div>
	                <div class="item-controls">
	                        
    <div class="price-box">
                                                            <span class="price-label">Price:</span>
                <span class="regular-price" id="product-price-224">
                    <span class="price p-price">$90.00</span>                 
                </span>
                        
        </div>

<h3 class="buy-now-link"><a href="https://web-experiment.info/sample-data-addon-purchase" title="Details">Details</a></h3>
                                        </div>
                </div>
                
            </li>
                </ul>
        		</div>
	<script type="text/javascript">decorateGeneric($$('ul.products-grid'), ['odd','even','first','last'])</script>
</div>

COUNT: 2 - 8
WIDTH: from 110 up to ~ 400. The image width can not exceed the width of the column (936px : COUNT)

This is a guide on how to specify site width in the Grayscale Responsive Free Template.

Grayscale Full-width Magento theme is suitable for any kind of Magento store on any device. 8 most popular free Magento extensions included.

Back

Go to contents Back to previous page

Tags: