How do you Turn off Styling around the Buy Now Button Custom Image?

[jwise]

Hi,

I’m having a similar issue and can’t figure it out. The only images which present a border are my wp estore images. Take a look at the bottom of this page and see the buy now button with the border. All my other images don’t have this border.

[wpCommerce]

Button is an input type HTML. The folloiwng css code is specfied in your theme’s style.css(line 97) which is creating a border for any input type HTML:

input, textarea {

border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC;

border-style: solid;

border-width: 1px;

padding: 7px 0 7px 7px;

}

[jwise]

Ok, so I took that code you listed and placed the border-width at 0px which did take the border away from the image but it also took the borders around the three fields in my opt-in box for first name, last name and email address.

Do you know of any other code I can use to eliminate the border around the wpestore images?

Thank you

[wpCommerce]

Hi, please keep the theme’s css code like it was before. Now open the “wp_eStore_style.css” file and place the following css code:

.eStore_button{

border: none !important;

}

It should override the border around the button. Let me know how it goes.

[jwise]

That seemed to have worked. Thank you!

[Author]

Posts