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

How Do I Remove Border Around Button Image?

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › How Do I Remove Border Around Button Image?

  • This topic has 12 replies, 4 voices, and was last updated 9 years, 4 months ago by Karen.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 4, 2012 at 7:50 pm #8076
    njevic
    Spectator

    My “Get Instant Access” button has a border around it that I’d like to remove. I have tried both .PNG and .JPG formats and get the same border.

    Can be seen here: [http://www.retainandprofit.com/sign-up/]

    December 4, 2012 at 11:32 pm #52050
    Peter
    Member

    It appears your theme is creating this. Never the less…

    Try putting this code in the wp_eStore_custom_style.css file:

    .format_text .eStore_subscribe_button {
    border-width: 0;
    }

    December 5, 2012 at 12:01 am #52051
    njevic
    Spectator

    I added the code, but there was still a border with a JPG (not as pronounced), and now a grey background with a PNG (that has a transparent background.

    December 5, 2012 at 12:44 am #52052
    Peter
    Member

    In addition to the code I gave you earlier, also add this:

    .eStore_button_object input{
    background:none;
    border-color: none;
    border-style: none;
    }

    December 5, 2012 at 1:30 pm #52053
    njevic
    Spectator

    Thanks Peter – almost there…

    There’s still a border using a JPG and a grey background when using PNG.

    Here is how I pasted the code provided:

    /*

    * Place your custom CSS styles in this file.

    * When upgrading the plugin just keep a backup copy of this file

    * so you don’t lose the CSS changes you made during the upgrade.

    */

    .format_text .eStore_subscribe_button {

    border-width: 0;

    }

    .eStore_button_object input{

    background:none;

    border-color: none;

    border-style: none;

    }

    December 5, 2012 at 9:15 pm #52054
    Peter
    Member

    Hi,

    I just went to your page [http://www.retainandprofit.com/sign-up/] and everything looks good, ie, I do not see a border around either of the payment buttons and also I don’t see a grey background.

    Unless you are talking about images located on another page – if so please provide a link to that page.

    Otherwise, clear your browser cache and your page should look as expected.

    December 5, 2012 at 11:17 pm #52055
    njevic
    Spectator

    Yes, thank you.

    Didn’t clear my browser cache when I checked earlier…

    Thanks again for a great set of plugins!

    December 5, 2012 at 11:18 pm #52056
    njevic
    Spectator

    …and great support!

    November 10, 2013 at 3:55 am #52057
    Karen
    Member

    Hello. I have a similar issue: My newly installed WP eStore shows borders around the .png style button I’m using. See here: [http://sunnypatioproject.com/course-building-help/jumpstart-package/]

    I use a custom css with my theme (Canvas from Woo) which has eliminated this on all other images, but I guess it’s not working on this button (and one other instance of the button on a separate page.

    Per above, I’ve added the css to this file: wp-cart-for-digital-products/wp_eStore_custom_style.css which I think it’s the updated version of the css file you’re specifying above. No joy, though. But I also notice that it says (inactive) after the file name, and I cannot find a way to activate it. And, for kicks, I put the same formatting code in the custom css code box that Woo provides for us to customize the theme (right where my other non-border code sits), and no joy either.

    November 10, 2013 at 5:07 am #52058
    mbrsolution
    Participant

    Hello karenjsx, try the following code. Just test this code and check to make sure that it dose not affect any other area of your website. This code is associated with your theme and not with the plugin.

    The location is [http://sunnypatioproject.com/wp-content/themes/canvas/style.css] line 1358.

    input, textarea {

    border-width: none;

    border-style: none;

    }

    Let me know how you go.

    Kind regards

    November 10, 2013 at 5:20 pm #52059
    Karen
    Member

    Oh, we are on to something here – thank you for your reply!

    – I pasted that code in & saw a (welcome) difference.

    – I didn’t paste it exactly where you specified (into the long style.css for my theme) but in a separate little window that Woo/Canvas provides that does much the same thing (and keeps noobs like me from wrecking havoc). Same diff, I believe, as the change is being invoked.

    – I didn’t see any adverse changes to other parts of my site.

    – So that took care of the dark border line, but there is still this grey border part that I’d like to remove (since it’s not part of the original image, it’s being added by eStore). Please see again: [http://sunnypatioproject.com/course-building-help/jumpstart-package]

    Do you have a bit of code for that?

    We’re so close – THANK YOU for your assistence.

    November 10, 2013 at 9:49 pm #52060
    mbrsolution
    Participant

    Hello karen, modify the code that I provided previously and add the following, so your new entry will look like this:

    input, textarea {

    background: none;

    border-width: none;

    border-style: none;

    }

    Let me know how you go.

    Kind regards

    November 12, 2013 at 3:59 am #52061
    Karen
    Member

    It’s perfect! Thank you so much!

    :-)

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

Forum Related

  • Forum Home
  • Forum Search
  • 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
  • WP PDF Stamper Documentation
  • WP Photo Seller 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
  • WP Photo Seller Video Tutorial

Our Other Plugins

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

Copyright © 2023 | Tips and Tricks HQ