- This topic has 5 replies, 2 voices, and was last updated 12 years, 4 months ago by .
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › eStore – change nextGen Gallery Add to cart button
I installed WP eStore and I’m now using it with NextGen Gallery to show my products and it works pretty well, but I would like to change the “Add to cart” button. I found out how to do that in the WP eStore->Settings->Add to Cart Button Text or Image and it works. I could achieve the same result editing the Button Image URL of each product in the gallery. The problem is I don’t want to display the button inside a larger button/border. Is there a way to do that? Maybe editing the css..?
Hi,
I had a look at your site from your profile…..do you mean the redish border around the “Add To Cart” buttons?
If so, you can add the following code to your wp_eStore_custom_style.css file which should remove the borders around the buttons:
.eStore_button select, textarea, input{
border:0;
}
Thank you very much!
The items of the gallery get moved when you mouseover the button and the border get shown again. What should I add to the css to have the same clean effect on mouseover?
To remove the border when you hover with the mouse, add this code under the code you already added earlier:
.eStore_button:hover select:hover, textarea:hover, input:hover{
border:0;
}
Perfect! Thank you!