madsonhill Posted February 7, 2022 Share Posted February 7, 2022 Site URL: https://www.madsonwines.com/ Hi there, Trying to figure out how to apply a custom font to the information bar specifically for mobile. I used custom css to change the font for the info bar on desktop and it's working just fine, but when I look at our site on mobile, the custom css works across the website with the exception of the information bar. I've attached screenshots of the desktop (what the font should be) and the mobile (where it's not working). Anyone know how I can fix this? Link to comment
madsonhill Posted February 7, 2022 Author Share Posted February 7, 2022 @tuanphan any chance you know how to fix this? Link to comment
Solution meganheath Posted February 7, 2022 Solution Share Posted February 7, 2022 Hi @madsonhill Add this to Custom CSS /*Change font on mobile menu links*/ .header-menu-nav-item { font-family:'Ultramagnetic'; } tuanphan 1 Link to comment
madsonhill Posted February 7, 2022 Author Share Posted February 7, 2022 @meganheath that worked, thanks so much! 🙂 Link to comment
madsonhill Posted February 24, 2022 Author Share Posted February 24, 2022 @meganheath Hey Megan! Similar question but curious if you know how to change CSS for forms on the website? Here's what I'm referring to: https://www.madsonwines.com/join-list (want to have the form font match rest of page) Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 On 2/24/2022 at 10:23 AM, madsonhill said: Hey Megan! Similar question but curious if you know how to change CSS for forms on the website? Here's what I'm referring to: https://www.madsonwines.com/join-list (want to have the form font match rest of page) Can you describe in more detail? change text font size, name or? meganheath 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
madsonhill Posted February 28, 2022 Author Share Posted February 28, 2022 @tuanphan I just want to change the font style on the form to match the rest of the website (CorporateSBold). You can look at what I mean here: https://www.madsonwines.com/join-list Link to comment
madsonhill Posted March 1, 2022 Author Share Posted March 1, 2022 Sorry @tuanphan wrong link! Here is the correct one: https://www.madsonwines.com/joinlist I want the form font style to match the font style in the body above the form. Link to comment
tuanphan Posted March 3, 2022 Share Posted March 3, 2022 On 3/2/2022 at 4:12 AM, madsonhill said: Sorry @tuanphan wrong link! Here is the correct one: https://www.madsonwines.com/joinlist I want the form font style to match the font style in the body above the form. With font name, add this to Design > Custom CSS div#block-41ed9c90bb731e181f50 * { font-family: 'AvenirNext' !important; } meganheath and madsonhill 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
madsonhill Posted March 4, 2022 Author Share Posted March 4, 2022 Worked! thanks so much @tuanphan! 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