Custom css for Hikashop coupon field |
|
Ian Shere
|
I'm sure I can add this to my template.css file, but I don't know what code to add.
I have my ordinary form fields defined and I'm happy with them. However, the coupon code field takes its style from this CSS also (field width is set at 100% which makes it way too wide). I have reduced the %age to 30% in the CSS which makes the coupon code field OK in size, but now makes the form field sizes too small.
The HS field is called hikashop_checkout_coupon_input.
URL is https://digitalguarddog.com/dd_dev/ - you'll need to go through a "purchase" till the step before actually paying to see the coupon field.
|
|
jrgweb
|
@Ian Shere - One way to do this is to edit the hika shop checkout file.
it's located in components/com_hikashop/views/checkout/tmpl/coupon.php
open file and add a class. see image...
Then add the class to the css like so:
.field1 {
width: 35%;
}
|
|
|
|