CSS qauntity field width

  • Posts: 23
  • Thank you received: 0
13 years 1 month ago #27328

Hi:

The width of the product Quantity field in both the main column and the modules seems to come from the template css. Can individual field widths be changed with out changing all the fields in the template?

TEMPLATE CSS:

#colright input
{
width: 215px;
margin: 0px 0px 0px 0px;
}

If I change the width to 25px it changes widths in all my extensions in that colright.

Its the same with the colmain css

#colmain input,
#colmain select
{
width: 215px;
margin: 0px 0px 0px 0px;
padding: 1px 3px 2px 3px;
font-size: 12px;
color: #272727;
border: 1px;
border-color: #DDDDDD;
border-style: solid;
vertical-align: bottom;
background-image: url(../images/input_bg.png);
background-repeat: repeat-x;
}

#colmain textarea
{
background-image: url(../images/input_bg.png);
background-repeat: repeat-x;
}

#colmain select
{
width: 223px;
}

Any changes affect all fields that are in this section.

Is there a way to override this and set individual fields (such as Quantity) with a different width?

Thanks Brad

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13378
  • MODERATOR
13 years 1 month ago #27330

Hi,

Sure, you can do that with CSS:

.hikashop_product_quantity_field{
width: 40px !important;
}

Please Log in or Create an account to join the conversation.

Time to create page: 0.056 seconds
Powered by Kunena Forum