- This topic has 1 reply, 2 voices, and was last updated 12 years, 7 months ago by
.
-
Posts
-
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;
}
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):
- You must be logged in to reply to this topic.