change font color of copuon zone (cart)

Hello, how can i change font button copupon color to pink (in cart)?
I need too more lenght to put code
attach

coupons.jpg

Hi

Please tell me the link to the page from this screenshot.

Hi

Please tell me the link to the page from this screenshot.

http://botiga.lacalendula.net/

sell any item and go to cart. This section is to introduce coupons codes. I need change color button and I need more lenght in label to introduce code

thanks

Hi

You need to guide me to this page. I do not know Your language so I'm having trouble adding things to cart. There is no add to cart button and when I try to register I see a long message which I do not understand. Can You make me some dummy user so I'll be able to make a purchase and see coupon box ?

Hi

You need to guide me to this page. I do not know Your language so I'm having trouble adding things to cart. There is no add to cart button and when I try to register I see a long message which I do not understand. Can You make me some dummy user so I'll be able to make a purchase and see coupon box ?

Hello, You can change lenguage in lenguage selector up-left.
I create a user for you user: gavick pass: 1234

thnaks

Hi

To resize coupon code use this css:

Code: Select all

#coupon_code {
    width: 200px;
}


here is a code to manipulae the look of a save button:

Code: Select all

span.details-button input.details-button {
    background: none repeat scroll 0 0 pink;
    border: 1px solid #EEEEEE;
    color: #135CAE;
    font-family: Tahoma;
    text-transform: none;
}


Hi

To resize coupon code use this css:

Code: Select all

#coupon_code {
    width: 200px;
}


here is a code to manipulae the look of a save button:

Code: Select all

span.details-button input.details-button {
    background: none repeat scroll 0 0 pink;
    border: 1px solid #EEEEEE;
    color: #135CAE;
    font-family: Tahoma;
    text-transform: none;
}


Hello, coupon size is work ok!

Button color change to new color but now not color change to orange when move mouse up. I can't not change Font color to white.

my code->

span.details-button input.details-button {
background: none repeat scroll 0 0 #99b25d;
border: 1px solid #EEEEEE;
color: white;
font-family: Tahoma;
text-transform: none;
}
do you know?
thanks

Hi

For hover effect You need to use this code:

Code: Select all

span.details-button input.details-button:hover {
    background: none repeat scroll 0 0 #aaa;
    color: #ffffff;
}


Hi

For hover effect You need to use this code:

Code: Select all

span.details-button input.details-button:hover {
    background: none repeat scroll 0 0 #aaa;
    color: #ffffff;
}


Nice work, thanks

only a dubt, I can Change font color white in button when are not mouse on. I write:
span.details-button input.details-button {
background: none repeat scroll 0 0 #99b25d;
color: #ffffff;
border: 1px solid #EEEEEE;
text-transform: none;
}
and I don't understand why color font are blue.

Hi

It can be an override from VM style. Please replace the color line in Your code:

Code: Select all

color: #ffffff;


with

Code: Select all

color: #ffffff !important;


try the same in :hover class too.

Hi

It can be an override from VM style. Please replace the color line in Your code:

Code: Select all

color: #ffffff;


with

Code: Select all

color: #ffffff !important;


try the same in :hover class too.

Perfect, thankyou very much!

Sorry, I really tried to find it myself, but I just couldn't find the css file, where I can change the code: .coupon_code

I also use gk_instyle and the box where a customer can enter the coupon code is to short and I'd like to lengthen it a little bit. In which CSS file can I find this code? Sorry for causing further troubles.

thanks a lot and best regards

Hi

You do not need to search for the file with code. Please simply add it to override.css file just remember to allow using override in template settings:

Code: Select all

span.details-button input.details-button {
color: #ffffff !important;
}


Thanks a lot for your reply. But I would like to change the size of the of coupon field. Respectively the length of the coupon field. How do I do that? Sorry, I really tried to find it out by myself...

Hi

Plese tell me the url to the page where I'll be able to see the cupon field.

Hi Teitebite

Thanks a lot for your fast reply! So the site is here:
http://dibi.aurum.ch/index.php/virtuemart/shop-front-page/unisuits/fun/shirt-in-bright-detail
you can just add this article and then go to the checkout. I use VMonePageCheckout and asked them also, but they said, the problem is located from the original coupon field CSS. And I really could find it. Probably it's somewhere located in a php file. But I looked through a lot of Php files and I couldn't find this code snipped.

Thank you so much for your efforts!

Best Regards

Silvan

Hi

Here is a part of code You can use to resize coupon code. Just add it to override.css and make sure override is enabled in template settings:

Code: Select all

#ProOPC .proopc-input-append #proopc-coupon-code[type="text"] {
    width: 100px !important;
}


Wow! This is awesome!! Thank you so much! Really great support! Thank you very very much! I'll go and add a good review on joomla.org for all your help!!

Hi

Thant You, that's really nice of You