add to cart popup buttons

Hello, can you please help me with customising the add to cart popup buttons. Please see our website www.quickcheapprint.co.nz . Currently all our buttons are blue with white text. We are using the add to cart popup and have managed to customise the message colour but we would like the buttons to be the same as the ones in the rest of our site. I have changed the configuration|Display|Button style to "CSS" instead of "Normal" but this makes it go to some wierd looking button that is nowhere else on our site. The buttons are currently just a standard grey background currently. Could you please help with this?

Thanks

Hi,

That's a CSS issue, editing your CSS file will do the job, if you want some help, can you please give us more details of what you have, and of what you want to do.

Thanks.

Thanks Mohamed, sounds like this will be an easy one

www.quickcheapprint.co.nz is our website. If you go there and click on "VIP Area" (on the left sidebar), you will see the "login" button, this is the button style we use through out the site, incl our Hikashop Add to Cart buttons. When you add a product to cart, the popup notice displays with plain grey buttons. These are the buttons we want to change to be the same as the rest of our site.

See screen shot attached.

ok, I'll look further into that. The site template is designed using Artisteer so I'll go back and see if it has separate popup styling.
If it doesn't, I'll look at your proposed solution, if I can find the styling of our normal buttons, can you tell me what the hikashop button classes are that I'll need to apply the CSS to?

Hi,
You'll find more information about Hikashop the add to cart button CSS styling through this thread :

Ok, If you want to apply your code through the add to cart button I think that you should probably use this CSS class :

.btn.button.hikashop_cart_input_button.art-button {
}

Also If your code don't seems to be applied; you can for example "force it" by changing this kind of property :

.btn.button.hikashop_cart_input_button.art-button {
background-image:url(../images/button.jpg);
}

Like this :

.btn.button.hikashop_cart_input_button.art-button {
background-image:url(../images/button.jpg) !important;
}

Thanks, I'll give it a go and let you know how I get on.

Hi, didn't really work, there is heaps of CSS to make up our buttons so it is impractical to repeat it all into Hikashop, I tried with a few settings but it didn't take.
I'll try and find a way to make our template apply its style sheet to popups and, it appears I need to add the "template.css" to our components.php file, just gotta figure out how

Thanks