Jump to content

[solved]CSS logic and remove the Hover on button


Recommended Posts

Hi,

 

I have tried a few days without finding the solution. So hope a kind soul can help here.

 

If you click on the link below, it ends up in the product page. When you press the Add Cart button, it move to to the left - How can I fix this so it is NOT move.

 

http://shopnsave.dk/...d_product=17126

 

 

Further If you look at link belowI would like to remove the hover effect on the add to basket. (the blue background) But I want to keep it on all other buttons (gray ones) I've found that if I remove the red tagged command from layout.css I remove the hover effect totally.

 

Otherwise I could not find a solution.

 

hope someone can help

 

/* hover button */

input.button_small:hover, input.button:hover, input.button_large:hover, .exclusive_large:hover,

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive_large:hover,

a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,

a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover, a.exclusive:hover, span.exclusive:hover,

.expanded #cart-buttons a.button_small:hover, a.button_large:hover, #cart_block p#cart-buttons a.button_small:hover, p.logout a:hover,

input.button:hover , a.button:hover, input.button_large:hover, p.logout a:hover,

#pagination_previous a:hover, #pagination_previous span:hover, #pagination_next a:hover, #pagination_next span:hover,

ul.pagination .current span:hover, ul.pagination a:hover, .pagination input.button_mini:hover{

cursor:pointer;

text-decoration:none;

background:url(../img/vp_button_red.png) left -24px repeat-x;

 

http://shopnsave.dk/...id_category=577

Edited by MichaelP
Only one question per thread please. (see edit history)
Link to comment
Share on other sites

Hi Michael,

Per the rules of the PrestaShop forums. please only post one issue per thread.

 

I just went to your site, and when I added that product to my cart, it correctly flew to the right, to your cart block. Can you please clear your browser's cache and cookies and then reload the page and try this again?

 

-Mike

Link to comment
Share on other sites

Oh sorry i didn't know. i'll remember that.

 

Well i can see i hadn't explaint my self good enough. Its the text "tilføj kurv" that is sliding to the left for about 2 sek when clicking and then returns.

 

I'm currently working on the hover so maybe it turns blue but the main issue is still to see,

Link to comment
Share on other sites

Hi, check the CSS line 515 in global.css file in your tamplate.

 

Thanks a lot. I had tried working around that line. But for some reason the padding should been 62px while being 30px right before clicking.

 

Well thanks again

Link to comment
Share on other sites

×
×
  • Create New...