Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore – change nextGen Gallery Add to cart button

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Troubleshooting › eStore – change nextGen Gallery Add to cart button

Tagged: add to cart button, NextGen Gallery Integration, WP eStore

  • This topic has 5 replies, 2 voices, and was last updated 12 years, 11 months ago by SirDiegoSama.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2012 at 3:20 pm #6757
    SirDiegoSama
    Member

    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..?

    July 3, 2012 at 12:04 am #46808
    Peter
    Member

    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;
    }

    July 3, 2012 at 7:56 am #46809
    SirDiegoSama
    Member

    Thank you very much!

    July 3, 2012 at 9:08 am #46810
    SirDiegoSama
    Member

    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?

    July 3, 2012 at 12:17 pm #46811
    Peter
    Member

    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;

    }

    July 3, 2012 at 12:38 pm #46812
    SirDiegoSama
    Member

    Perfect! Thank you!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ