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, 3 months ago by
Karen.
-
AuthorPosts
-
December 4, 2012 at 7:50 pm #8076
njevic
SpectatorMy “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 #52050Peter
MemberIt 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 #52051njevic
SpectatorI 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 #52052Peter
MemberIn 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 #52053njevic
SpectatorThanks 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 #52054Peter
MemberHi,
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 #52055njevic
SpectatorYes, 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 #52056njevic
Spectator…and great support!
November 10, 2013 at 3:55 am #52057Karen
MemberHello. 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 #52058mbrsolution
SpectatorHello 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 #52059Karen
MemberOh, 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 #52060mbrsolution
SpectatorHello 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 #52061Karen
MemberIt’s perfect! Thank you so much!
-
AuthorPosts
- You must be logged in to reply to this topic.