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 11 years ago by Karen.
-
AuthorPosts
-
December 4, 2012 at 7:50 pm #8076njevicSpectator
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 #52050PeterMemberIt 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 #52051njevicSpectatorI 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 #52052PeterMemberIn 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 #52053njevicSpectatorThanks 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 #52054PeterMemberHi,
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 #52055njevicSpectatorYes, 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 #52056njevicSpectator…and great support!
November 10, 2013 at 3:55 am #52057KarenMemberHello. 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 #52058mbrsolutionSpectatorHello 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 #52059KarenMemberOh, 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 #52060mbrsolutionSpectatorHello 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 #52061KarenMemberIt’s perfect! Thank you so much!
-
AuthorPosts
- You must be logged in to reply to this topic.