[SOLVED] Virtuemart buttons display problem

Hei

I know this a customization problem and i don't expect any urgent response.

Maybe someone can just point me in the right direction.

The Add to Cart button is displayed weird here:
HERE - Test page

But it should be something like this:
EXAMPLE

Using Firefox, when i rightclick on the black "add to cart" button and choose "view background image", it takes me to:

/templates/gk_postnote/images/shadow_right.png

Is there some easy way of disabling that for the virtuemart Component or pages?


Thank You,
Rain

Alright, the problem resides in style1.css and joomla.css files, where is defined:

Code: Select all

input[type="button"]{ background: #202020; margin: 0; cursor: pointer; padding: 6px 9px; text-align: center; font: bold 10px Arial, Helvetica, sans-serif; text-decoration:none; text-transform: uppercase; color: #fff; border: none }

When i delete "background: #202020", it turns ok, but every other button also loses it's bgcolor, like the LOGIN button and contact forms SEND button.

Is there any other way to approach this?

Best Regards,
Rain

Hi

This is the class which is making it look like You want it, but the image is not present in that location.

Code: Select all

.addtocart_button {
background:url("themes/classic_1/images/add-to-cart.png") no-repeat scroll center center transparent;
}


Hei

Thanks for the advice

The image seems to be present though:

http://www.i-net.ee/demo/components/com ... o-cart.png

The class is from Virtuemart specific file propably - so it is using components/com_virtuemart/ as root directory and all paths seem to be relative to that.

I attached a picture to clarify my issue. Sorry for my crude drawing skills.

The first half of the picture shows how the buttons look when the background is enabled in joomla.css and style1.css

The second half shows that the problem is fixed by deleting the background, but another issue arises - other buttons lose their background also.


So here is the question - is there some easy way around this or do i have to draw backgrounds for the other buttons?


Thank You,
Rain

Hi

Please try to specifie the site about which input You think

Use:

Code: Select all

input[type="button"].addtocart_button {


Hei

I removed that particular section of code from style1.css for now, so it would be easier for me to understand this, when im working only with joomla.css

Is this the way to go:

Code: Select all

.button,
a.readon,
input[type="submit"],
[input[type="button"] { background: #202020;

Code: Select all

.addtocart_button,
input[type="submit"],
[input[type="button"].addtocart_button  { margin: 0

Regards,
Rain

Hi

It's hard to tell without having the access to the code, but thats for sure more probably gonna work

If You will have a problem with that please send ne joomla access data, so I'll be able to see it and change it live.

Solved, with help from teitbite

The simplest way was to use the parameter !important in css file for overrides

Thanks, teitbite
Rain

I have the same problem with the buttons on virtuemart, but I don't understand the steps. Could you tell me which files I have to change?
Sorry for my English, I do not speak very well. Thanks

Hei

For me it could have been different, because i used another VM theme, but in the file:

components/com_virtuemart/themes/classic_1/theme.css

i added the important parameter to this line:

Code: Select all

.addtocart_button {
    background: url( 'images/add-to-cart.png' ) no-repeat  center transparent !important;

Regards,
Rain

thanks.

Hi

Did it helped or You need me to assist with something.