Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › CSS tweak for coupon code entry and the remove buttons
- This topic has 5 replies, 2 voices, and was last updated 13 years, 8 months ago by starxlr8.
-
AuthorPosts
-
March 7, 2011 at 7:24 pm #2883starxlr8Member
I was having a problem with my checkout button and the (remove from and delete) cart icons being in an indented grayed box. I tweaked this in my theme to get rid of the border and the gray background, but this code (.format_text input) appears to be attached to the entry box for a coupon code as well. Now, with a white background, you can’t see where the box would be.
This also effects the boxes to change cart quantities, but I am less concerned about that.
I’ve looked through the shop CSS – can you point me to where I might be able to style the input for the coupon code input box separately? Thanks!
March 8, 2011 at 12:32 am #29911amin007ParticipantI have a feeling you are using the Thesis theme. If you are then the “.format_text_input” is coming from the theme.
This link should help you:
March 8, 2011 at 4:13 pm #29912starxlr8MemberYes, I am using Thesis. Thanks – that link did help me remove the border and background from the Add to Cart, Buy Now and Subscribe buttons… without impacting site-wide buttons… but it does not fix the other icons/buttons.
Here is an annotated image of what I want to change. I’ve put a red arrow pointing to the items I would like to change the background and border on.. and a green check mark by the items that are fine. Can you help me identify the css classes associated with those items?
March 8, 2011 at 11:17 pm #29913amin007ParticipantThose are coming from your theme as it has specified the inputs to have a grey background. Remember buttons are a type of input too.
What you can do is override the CSS in eStore to force the buttons inside the shopping cart to not take the CSS from the theme. Does that make sense?
So how do you override that CSS? If you send me a link to the page in question I will be able to analyze the css of the page and give you some guidance.
March 8, 2011 at 11:20 pm #29914amin007ParticipantI haven’t looked at your page so not sure if this will solve the issue but I have a feeling that it will.
Add the following CSS code to the eStore’s css file and it will override the image button inputs to not have any border or background:
.shopping_cart input[type="image"]{
border:none !important;
background:none !important;
}March 8, 2011 at 11:43 pm #29915starxlr8MemberA brilliant solution. Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.