Page 1 of 1

[How to change option textbox size product page Opencart?]

Posted: Fri Feb 03, 2017 9:34 pm
by PhantomMenace
Hi im trying to change the textbox size of an option textbox that's on my product pages,

The problem is that it will change all textbox sizes on the website cause it uses the same css property, so the textboxes of the login also increase in size at (index.php?route=account/login)

How can i make it so that only the product page textboxes increase

Code: Select all

input[type="text"], input[type="password"], textarea {
background: #F8F8F8;
border: 1px solid #CCC;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
width: 279px;             <= "Added by me " 

Re: [How to change option textbox size product page Opencart

Posted: Fri Feb 03, 2017 10:09 pm
by knowband.plugins
Try using the following CSS code.

div.product-info input[type="text"] {
width:150px !important;
}

If it doesn't work, please share your website URL so that we can recommend code.

Re: [How to change option textbox size product page Opencart

Posted: Fri Feb 03, 2017 10:44 pm
by PhantomMenace
knowband.plugins wrote:Try using the following CSS code.

div.product-info input[type="text"] {
width:150px !important;
}

If it doesn't work, please share your website URL so that we can recommend code.

Awesome that did the trick!

Thank you very much,