Custom css for Hikashop coupon field


Author Message
Ian Shere

Posted: 10/25/2013
Quote message 

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

Posted: 10/25/2013
Quote message 

@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%;
}
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *