Author Topic: Widening Option Box on Product Page  (Read 3735 times)

Offline homeydclown

  • Newbie
  • *
  • Posts: 21
  • Karma: +4/-0
    • View Profile
Widening Option Box on Product Page
« 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

Offline Gordon Taylor

  • Global Moderator
  • Full Member
  • *****
  • Posts: 150
  • Karma: +28/-1
    • View Profile
    • Natural Handcrafted Soaps
Re: Widening Option Box on Product Page
« Reply #1 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.

 

Powered by SMFPacks Social Login Mod