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

CSS tweak for coupon code entry and the remove buttons

by

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 14 years, 3 months ago by starxlr8.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 7, 2011 at 7:24 pm #2883
    starxlr8
    Member

    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 #29911
    amin007
    Participant

    I 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:

    https://support.tipsandtricks-hq.com/forums/topic/images-appear-too-bigsmallstretched-on-thesis-theme

    March 8, 2011 at 4:13 pm #29912
    starxlr8
    Member

    Yes, 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?

    http://bit.ly/fcBmTC

    March 8, 2011 at 11:17 pm #29913
    amin007
    Participant

    Those 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 #29914
    amin007
    Participant

    I 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 #29915
    starxlr8
    Member

    A brilliant solution. Thank you!

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

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • 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
  • 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

Our Other Plugins

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

Copyright © 2025 | Tips and Tricks HQ