Post by bluelayer » Sun Jul 17, 2011 8:07 pm

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

v1.5.5.1


New member

Posts

Joined
Sun Oct 17, 2010 8:11 pm

Post by guardianox » Sun Jul 17, 2011 9:59 pm

Assuming that you want to keep the 6 products per row structure and thumbs at the default size, then edit stylesheet.css:

Code: Select all

.box-product > div {
	width: 116px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 15px;	
}
becomes

Code: Select all

.box-product > div {
	width: 90px;
	display: inline-block;
	vertical-align: top;
	margin-right: 33px;
	margin-left: 34px;
	margin-bottom: 15px;	
}
Which should render like this:
Image
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


User avatar
Newbie

Posts

Joined
Sat Jul 16, 2011 3:03 am
Location - Romania

Post by bluelayer » Thu Sep 15, 2011 5:53 am

i fixed it by using:

Before

Code: Select all

/* box products */
.box-product {
	width: 100%;
	overflow: auto;
}
After

Code: Select all

/* box products */
.box-product {
	width: 100%;
	overflow: auto;
	text-align: center;
}

v1.5.5.1


New member

Posts

Joined
Sun Oct 17, 2010 8:11 pm
Who is online

Users browsing this forum: No registered users and 5 guests