Guest Posted July 9, 2021 Share Posted July 9, 2021 Hi, I'm struggling to find a way to add multiple font sizes to the button in the header section. Could anyone help with that? Link to comment
tuanphan Posted July 10, 2021 Share Posted July 10, 2021 Hi. Can you share link to your site? We can check 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
Guest Posted July 12, 2021 Share Posted July 12, 2021 On 7/10/2021 at 3:59 PM, tuanphan said: Hi. Can you share link to your site? We can check easier Unfortunately I cannot share the site Link to comment
tuanphan Posted July 14, 2021 Share Posted July 14, 2021 If your site is trial, private, 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
Belizabeth Posted April 6 Share Posted April 6 Hi I am having the same difficulty. I want to use two different fonts on one line for my header button. Site: www..elizabethlovestoorganize.com Thank you!! Link to comment
creedon Posted April 7 Share Posted April 7 (edited) This is a multi-part solution. The first issue is that you can't address the default text of the button with CSS. To be able to address each word with CSS they need to be wrapped with a tag. In this case a span tag. Please see the following. Header CTA Buttons Each Word Span Tag Add The second issue is creating some CSS to address the now spanned words. First remove the following existing CSS, make a copy somewhere. .header-actions-action a,.header-menu-cta a { font-family: "Karla" !important; } Add the following example CSS. Of course you will want to change the declarations to meet your need. /* desktop */ #siteWrapper .header-actions-action--cta .btn span:nth-child( 1 ), /* mobile */ #siteWrapper .header-menu-cta .btn span:nth-child( 1 ) { font-family : serif; } This example code is specific to the poster's need. Let me know how it goes. Edited April 8 by creedon Belizabeth 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Belizabeth Posted April 8 Share Posted April 8 I did what you said as best I could but I do not see a difference for this. Can you let me know if you can see what I'm missing? Thank you so much, I appreciate your help! Link to comment
creedon Posted April 9 Share Posted April 9 2 hours ago, Belizabeth said: I did what you said as best I could but I do not see a difference for this. The font family for the button is already Karla. If you want it to look different you have to do something like bold it, change its weight or size, or change the font family. Try my example first so you can see that it works. You then need to make the CSS declarations for whatever effect you are trying to achieve. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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