- This topic has 2 replies, 3 voices, and was last updated 8 years, 4 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
by
Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore: Default Fancy 1 Display Button Color
Hello, Quick question… I’m using eStore Fancy 1 on our site, but customers have been confused because the “quantity” field and “Add to Cart” buttons look grayed out due to the default colors. (same issue on the checkout page)
I’m having trouble figuring out if the colors are dictated by the eStore plugin or the main theme settings. (For example, the newsletter plugin seems to match the theme colors with a blue button with white text – not light gray.) Can you point me in the right direction?
Here’s an example page:
[http://atlantacurlingclub.com/learn-to-curl/]
Thanks!
-Dan
Ps: I love the eStore product! It’s so easy and just works unlike some other shopping cart plugins I’ve tried.
Hi, Your theme is applying this CSS: http://atlantacurlingclub.com/wp-content/themes/spike/style.css
input, textarea, select {
padding: 8px 12px;
font-size: 12px;
color: #A5A5A5;
border: 1px solid rgba(0, 0, 0, 0.12);
font-family: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
You can apply this tweak to fix this issue,
1) Install our WP Custom CSS plugin: http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413
2) Add this piece of CSS code in the Custom CSS plugin settings
.eStore-fancy-wrapper input, textarea, select {
color: #000000;
}
The button styles come from the theme. This ensures that the buttons match with the other buttons on your site.
You can do the following theme switching test quickly to see how the buttons change based on the theme:
https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin