hello,
i'm not very good at webdesign, so i need to ask :$
how do i remove the right space in the default template?
look at the featured module, products are aligned to left and there is room on the right side...
http://www.opencart.com/opencart/applic ... shot_1.png
Assuming that you want to keep the 6 products per row structure and thumbs at the default size, then edit stylesheet.css:
becomes
Which should render like this:

If you want different thumb sizes then alter the width, margin-right and margin-left fields accordingly. (try using the FireBug addon on Firefox to aid you in customization of the template)
Code: Select all
.box-product > div {
width: 116px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}
Code: Select all
.box-product > div {
width: 90px;
display: inline-block;
vertical-align: top;
margin-right: 33px;
margin-left: 34px;
margin-bottom: 15px;
}
If you want different thumb sizes then alter the width, margin-right and margin-left fields accordingly. (try using the FireBug addon on Firefox to aid you in customization of the template)
Guardian Ox Themes
Latest : Stylish - Live Preview Theme Info
Previous: Lucid - Live Preview Theme Info
i fixed it by using:
Before
After
Before
Code: Select all
/* box products */
.box-product {
width: 100%;
overflow: auto;
}
Code: Select all
/* box products */
.box-product {
width: 100%;
overflow: auto;
text-align: center;
}
v1.5.5.1
Who is online
Users browsing this forum: No registered users and 15 guests