CSS Buttons - Hover Over

[Guest]

Hey

 

Is it possible to add a hover over for the CSS Buttons so that the background colour changed on hover over? I am not very good at coding etc as you can probably guess and that is what I thought would work:

 

.cssbutton a:hover {
color: black;
background: #FEDFB8;
}

 

Cheers

Alex

[djp120]

Hey

 

Is it possible to add a hover over for the CSS Buttons so that the background colour changed on hover over? I am not very good at coding etc as you can probably guess and that is what I thought would work:

 

.cssbutton a:hover {
color: black;
background: #FEDFB8;
}

 

Cheers

Alex

 

 

Hi Alex,

 

I had the same problem, i think.

 

Try adding the code line display: block; to the css style.

[djp120]

Hi Alex,

 

I had the same problem, i think.

 

Try adding the code line display: block; to the css style.

 

Oops, sorry try changing the top part as well..

 

so it looks like,

 

a.cssbutton:hover {

[Guest]

Oops, sorry try changing the top part as well..

 

so it looks like,

 

a.cssbutton:hover {

 

Hi Dan

 

Thanks for your help. I now have:

 

a.cssbutton:hover  {
color: black;
background: #FEDFB8;
display: block;
}

 

But still no luck? :( Do I have to add anything to the html_output file?

 

Alex

Edited December 13, 2007 by Alex_09

[djp120]

Hi Alex,

 

Try duplicating the code for the link.

 

a.cssbutton:hover  {
color: black;
background: #FEDFB8;
display: block;
}

 

to have

 

a.cssbutton  {
color: black;
background: #FEDFB8;
display: block;
}

 

and you'll have to add the class to the <a href=YOURLINK class="cssbutton">

 

so for example

<?php echo '<a href="' . YOUR CODE . '" class="cssbutton">YOUR TEXT LINK</a>'; ?>

[Guest]

Hi Alex,

 

Try duplicating the code for the link.

 

a.cssbutton:hover  {
color: black;
background: #FEDFB8;
display: block;
}

 

to have

 

a.cssbutton  {
color: black;
background: #FEDFB8;
display: block;
}

 

and you'll have to add the class to the <a href=YOURLINK class="cssbutton">

 

so for example

<?php echo '<a href="' . YOUR CODE . '" class="cssbutton">YOUR TEXT LINK</a>'; ?>

 

Thanks again Dan. I have now duplicated as you suggested. For the Continue button here for example should I have to change any coding etc?

 

Cheers

Alex

[djp120]

Thanks again Dan. I have now duplicated as you suggested. For the Continue button here for example should I have to change any coding etc?

 

Cheers

Alex

I understand you'll prob have something that looks like this:

 

<?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '" class="cssbutton">' . TEXT_BUTTON_CONTINUE . '</a>'; ?>

 

I think when i said duplicate, i think i forgot to change any of the parameters.

 

The bit which has a.cssbutton is basically your link, so you make this whatever color, background etc you want it to look like before the mouse goes over.

 

Sorry if its a bit dazy, i'm a bit new to this oscommerce thing myself. Trying to get my site up and running.

 

P.s. site is looking good so far.

 

Dan

[Guest]

Hey

 

I have a problem with the CSS buttons. With the normal buttons my Wishlist works fine but when using the CSS Buttons the product is added to the Cart rather than the wishlist, anyone know how to fix this?

 

Many thanks

Alex