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

Separate styling for buttons vs text-fields?

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Separate styling for buttons vs text-fields?

Tagged: border remove styling fields textarea input

  • This topic has 1 reply, 2 voices, and was last updated 14 years, 8 months ago by amin007.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 24, 2010 at 1:22 am #1696
    maui_girl
    Member

    I am using Thesis theme and am having difficulty with borders and background color appearing on the eStore buttons. I followed the recommendation to edit my custom CSS file, which works great except then it also removed the border and background shading from my text-entry fields – not only the Quantity field in the shopping cart but also my website Search field so a user will not easily see these as interactive fields. (I have screen shots available)

    I thought that TEXTAREA (text entry fields) and INPUT (buttons) are different items but they all seem to be inheriting the styling for INPUT. My brain is boggled – how can I separate these two distinct functions?

    This is what I put in my custom css file:

    input {

    background-color:transparent;

    border-style:none;

    }

    August 24, 2010 at 3:20 am #23626
    amin007
    Participant

    The only CSS eStore buttons need is the input field’s width to be auto as opposed to a fixed length. If the length is fixed (for example 140px) then quantity fields and other buttons will all stretch to 140px and look odd.

    So you can specify any CSS you want for your input fields but just make the width to be “auto”.

    The other option is to not modify your custom CSS of Thesis but specify the look and feel of the eStore button in the eStore’s CSS file:

    This post has a solution for this (check the 2nd post):

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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 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