AbanteCart Community

AbanteCart Development => Customization help => Topic started by: homeydclown on March 29, 2015, 06:21:45 PM

Title: Widening Option Box on Product Page
Post by: homeydclown on March 29, 2015, 06:21:45 PM

My values are too long and they are getting cut off, I want to make the box bigger. I have looked all around the product page in CSS under storefront/view/default/stylesheet/stylesheet.css and I just can't find it. I found this but I couldn't find anything similar. If anybody knows the exact line, I would appreciate the help! Thank you!

1. You can edit /storefront/view/default/stylesheet/stylesheet.css to add more width:
Code: [Select]
#content .product_options {
    float: right;
    margin: -10px -8px -2px 0;
    width: 210px;
}
Change 210px to something bigger

2. You can change location of div with product_options class below middle_content div
Look into file: /storefront/view/default/template/pages/product/product.tpl

Title: Re: Widening Option Box on Product Page
Post by: Gordon Taylor on March 29, 2015, 09:59:25 PM

It's not just about the CSS, it's also about the php.

Keep in mind, any changes you make to the code will be lost if you upgrade. I suggest that you keep a good copy of everything you do, so when it's time to upgrade you can quickly get back what you lost ... or simply stay with the older version.