Latest release date: December 25, 2015
View discussion on CS-Cart forum
CS-Cart Full-width background add-on allows you to make full-width background. You will be able to set color or image background for the grid of your store like in the example below.
How to use add-on:
1. Go to Admin panel menu > Design > Layouts
2. Go to grid options
3. Set "User-defined CSS-class".
How to set "User-defined CSS-class":
1. To set grid as full-width, you should add "cp-full-width" class to it. Also, you should add class for which you will add background. For example:
cp-full-width grey_bg
Remember to add css style for "grey_bg" class. To to it, go to admin panel menu > Design > File Editor > CSS > true-styles.less and add the following code:
.grey_bg {
background-color: #eee;
}
2. To set grid as full-width and drop width-limitation of content, add "cp-full-width cp-no-limit" classes.
3. To make floating full-width background like on demo, you should create the following class:
.floating_bg {
padding-top: 10px;
padding-bottom: 10px;
background: url('//demo.cart-power.com/powercart/images/bg/paris.png') no-repeat fixed 50%;
background-size: cover;
}
Please, remember to add this class to "User-defined CSS-class" of grid.
- Store Builder
- Store Builder Ultimate
- Multi-Vendor
- Multi-Vendor Plus
- 4.9.3
- 4.9.2
- 4.9.1
- 4.8.2
- 4.7.4
- 4.6.3
- 4.5.2
- 4.4.3
- 4.3.10
- 4.2.4
- English
- Русский
Cart-Power is a team of 35+ professionals with 12-year experience in e-commerce. We develop and optimize marketplaces, online stores and mobile apps for clients worldwide.
We offer end-to-end solutions—from custom development and design to SEO promotion and support.
Our track record
✓ 500+ successful e-commerce projects;
✓ 5,000+ custom upgrades and developments;
✓ 170+ add-ons to enhance your site’s functionality;
Working with us is convenient because
✓ we discuss details, offer options, and prepare specifications;
✓ your project manager keeps you updated on progress;
✓ QA specialists ensure quality control;
✓ we provide project documentation;
✓ you get guarantees on modifications and projects.
Let us build an efficient online business together.
Similar products



- Makes your store faster.
- Improves the SEO ranking of the site.
- Increases conversion.

Optimize and convert to WebP all the images on the site
