- This topic has 7 replies, 3 voices, and was last updated 6 years, 2 months ago by
.
-
Posts
-
Hello, When I use variations for a product, the font size for the variations drop down is much smaller than the rest of the text on the web page. How can I increase the variation font size to match the rest of the page? I’m getting complaints that the variations are hard to read.
Here’s the url for the page:verbalhistory.com/products-dvd/
Thank you.
Charles
You can apply the following custom CSS tweak to your site which will increase the font-size of the variation dropdowns:
.eStore_variation {
font-size: 22px;
}
You can add the custom CSS tweak to the following interface of your admin dashboard:
Appearance -> Customize -> Additional CSS
Thank you for your response. The CSS code did make the variation showing in the box larger but when the down arrow is clicked, the list of variations that show are still very small. Only the currently selected variation displays in the larger font. Is there more CSS code that will make the drop down list of available variations larger as well?
Charles
The font size for all the dropdown options look big to me. Did you empty any cache to make sure the new CSS is taking full effect? Which browser are you using to test? Some browsers handle the dropdowns differently so it could be a browser preference related thing. I don’t really think this is an issue for your general users.
Wow, you’re right. I was using Firefox. I just tried it with Internet Explorer and it looks exactly like it should. Had no idea the Firefox browser did that. Thank you for your help.
Charles
hi. im having a problem with the text being cut off at the bottom on the drop downs here.. can anyone help me out witha bit of css to sort it ? many thanks. crimsontalentmanagement.com/registration/
Please enter the following custom CSS tweak and that should take care of the dropdown issue you have:
#wp_emember_regoForm .pure-input-1 {
height: 40px;
}
You can enter this custom CSS tweak in the following interface of your site:
WP Admin Dashboard -> Appearance -> Customize -> Additional CSS
- You must be logged in to reply to this topic.