MarikaS Posted February 26, 2020 Share Posted February 26, 2020 Hi there, I started using the Brine template, and in my product listing I have a drop down menu for size and quantity The size drop down uses a different, ugly font which is not related to the template style. Any idea on how to change this? Thanks Marika Link to comment
tuanphan Posted February 26, 2020 Share Posted February 26, 2020 You need to use custom CSS. Can you share link to product listing page? SusanD20 and MarikaS 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarikaS Posted February 27, 2020 Author Share Posted February 27, 2020 @tuanphan please see the link below! https://www.svikis.com/shop/triangle-statement-ring-sterling-silver Thanks Link to comment
tuanphan Posted February 29, 2020 Share Posted February 29, 2020 On 2/27/2020 at 7:41 AM, MarikaS said: @tuanphan please see the link below! https://www.svikis.com/shop/triangle-statement-ring-sterling-silver Thanks Add to Home > design > Custom CSS .ProductItem-details .variant-option select option { font-family: monospace !important; } .ProductItem-details .variant-option select { font-size: 20px; } Venera and SusanD20 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
runsweatinspire Posted June 25, 2020 Share Posted June 25, 2020 Hi @tuanphan, that custom css didn't seem to work on my site. It isn't live yet but looks like this (attached screen shot). Any suggestions for the below code? /* ProductItem-details */ .variant-option select option { font-family: roboto !important; } .ProductItem-details .variant-option select { font-size: 16px; } Link to comment
tuanphan Posted June 25, 2020 Share Posted June 25, 2020 5 hours ago, runsweatinspire said: Hi @tuanphan, that custom css didn't seem to work on my site. It isn't live yet but looks like this (attached screen shot). Any suggestions for the below code? /* ProductItem-details */ .variant-option select option { font-family: roboto !important; } .ProductItem-details .variant-option select { font-size: 16px; } You can setup password & share url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
runsweatinspire Posted June 25, 2020 Share Posted June 25, 2020 @tuanphan Sorry, I don't understand. The password is already setup but the site isn't live as yet. deeksdemosite.squarespace.com Link to comment
tuanphan Posted June 26, 2020 Share Posted June 26, 2020 12 hours ago, runsweatinspire said: @tuanphan Sorry, I don't understand. The password is already setup but the site isn't live as yet. deeksdemosite.squarespace.com #productDetails .product-variants .variant-option select { font-family: roboto !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AnaM26 Posted July 9, 2020 Share Posted July 9, 2020 On 2/26/2020 at 7:41 PM, MarikaS said: @tuanphan please see the link below! https://www.svikis.com/shop/triangle-statement-ring-sterling-silver Thanks Hi MarikaS I'm having the same issue how did you change it? Link to comment
Daci Posted September 16, 2020 Share Posted September 16, 2020 Hi, I'm not a coder but I managed to fix my issue by combining snippets I found on the forum. The second snippet is what changed the font on the dropdown. I use the Brine template if that helps. #productDetails .product-variants .variant-option select { font-family: Montserrat !important; } /* Variant dropdown size */ .ProductItem-details .variant-option select option { font-size: 12px; font-family: Montserrat; } Link to comment
CoWT Posted November 2, 2020 Share Posted November 2, 2020 Hello I have the same problem. The Body text in my website is Myriad Pro but the dropdown font looks like Times New Roman. I would like it to be the same as the rest of the website. I am NOT A CODER so don't understand the fixes above. Please can someone give me a very clear idiot's guide to how to fix the problem? Thank you! Link to comment
tuanphan Posted November 3, 2020 Share Posted November 3, 2020 21 hours ago, CoWT said: Hello I have the same problem. The Body text in my website is Myriad Pro but the dropdown font looks like Times New Roman. I would like it to be the same as the rest of the website. I am NOT A CODER so don't understand the fixes above. Please can someone give me a very clear idiot's guide to how to fix the problem? Thank you! If you share link to product in screenshot, we can give code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Nicolem Posted October 14, 2021 Share Posted October 14, 2021 Hi all and @tuanphan, I am also having trouble with this. I've tried all the code options mentioned above and none of them have worked for me. I am on the Montauk template. Any assistance would be greatly appreciated ☺️ Link to comment
tuanphan Posted October 15, 2021 Share Posted October 15, 2021 On 10/14/2021 at 12:48 PM, Nicolem said: Hi all and @tuanphan, I am also having trouble with this. I've tried all the code options mentioned above and none of them have worked for me. I am on the Montauk template. Any assistance would be greatly appreciated ☺️ Can you share link to a product on your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Venera Posted November 3, 2023 Share Posted November 3, 2023 On 2/29/2020 at 6:40 PM, tuanphan said: Add to Home > design > Custom CSS .ProductItem-details .variant-option select option { font-family: monospace !important; } .ProductItem-details .variant-option select { font-size: 20px; } Hi tuanphan! Thanks for this code, I managed to change the text in the drop-down menu with this code, but I can't change the text and size of the menu itself, could you help me? https://www.veneramor.com/store/p/matte-vertical-posters Link to comment
Solution tuanphan Posted November 6, 2023 Solution Share Posted November 6, 2023 On 11/3/2023 at 9:20 PM, Venera said: Hi tuanphan! Thanks for this code, I managed to change the text in the drop-down menu with this code, but I can't change the text and size of the menu itself, could you help me? https://www.veneramor.com/store/p/matte-vertical-posters Use this CSS code .variant-option-title { font-size: 30px; } .variant-select-wrapper *, .variant-select-wrapper:before { font-size: 10px !important; } Venera 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Venera Posted November 6, 2023 Share Posted November 6, 2023 3 hours ago, tuanphan said: Use this CSS code .variant-option-title { font-size: 30px; } .variant-select-wrapper *, .variant-select-wrapper:before { font-size: 10px !important; } Perfect! Thank you so much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment