Lea-L Posted April 6, 2022 Share Posted April 6, 2022 Hi, I assigned a custom font via ccs to my site, which has successfully changed all the fonts, however, it does change the headings in my lists. Why is that? How can I also change the list headings to my new font. Here is the code: @font-face { font-family: 'Neutraface'; src: url('https://static1.squarespace.com/static/60da420b80407823dea70f35/t/60da4a9922bcd4019f0052d1/1624918682040/Neutra2Text-Light.otf'); } //assign font// h1 {font-family: 'Neutraface';} h2 {font-family: 'Neutraface';} h3 {font-family: 'Neutraface';} h4 {font-family: 'Neutraface';} p {font-family: 'Neutraface';} a.btn.btn--border.theme-btn--primary-inverse {font-family: 'Neutraface';} button {font-family: 'Neutraface';} header#header *, footer.sections * { font-family: 'Neutraface'; } And here a screenshot of the issue. As you can see the red text is still the original font, rather then the font assigned in the CCS. Can anybody help me with this? Is this a common issue? Thanks in advance! Link to comment
tuanphan Posted April 10, 2022 Share Posted April 10, 2022 Hi, It is List Section Item titles or? Can you share link to page in screenshot? We can check easier 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
DearJamie Posted May 23, 2022 Share Posted May 23, 2022 @tuanphan I have this same issue on the Service page --> skinfirm.squarespace.com PW: SkinFirm All my edits aren't effecting the size...sometimes they'll effect the font, or the spacing (as if it did get larger) but the section list title itself stays the same. Same for the list content. Here's my code: //SERVICES CARD EDIT section[data-section-id="628aeb85d4553e012cbf90b6"] .content-wrapper { padding-left: 100px !important; padding-right: 100px !important; } .list-section-title { font-family: 'Seasons' !important; font-size: 29.1px !important; } .list-item[data-is-card-enabled="true"] {box-shadow: 2px 2px 5px #D3D3D3} .user-items-list-item-container .list-item-content__title {font-family: 'Aileron'; text-transform: uppercase; font-size: 14.2pt !important; letter-spacing: 0.3em; } .list-item-content { font-family: 'Aileron' !important; font-size: 0.85em !important; } Link to comment
tuanphan Posted May 24, 2022 Share Posted May 24, 2022 On 5/23/2022 at 9:33 AM, DearJamie said: @tuanphan I have this same issue on the Service page --> skinfirm.squarespace.com PW: SkinFirm All my edits aren't effecting the size...sometimes they'll effect the font, or the spacing (as if it did get larger) but the section list title itself stays the same. Same for the list content. Here's my code: //SERVICES CARD EDIT section[data-section-id="628aeb85d4553e012cbf90b6"] .content-wrapper { padding-left: 100px !important; padding-right: 100px !important; } .list-section-title { font-family: 'Seasons' !important; font-size: 29.1px !important; } .list-item[data-is-card-enabled="true"] {box-shadow: 2px 2px 5px #D3D3D3} .user-items-list-item-container .list-item-content__title {font-family: 'Aileron'; text-transform: uppercase; font-size: 14.2pt !important; letter-spacing: 0.3em; } .list-item-content { font-family: 'Aileron' !important; font-size: 0.85em !important; } Use this code h2.list-item-content__title { font-family: 'Seasons' !important; } .list-item-content__description * { font-family: 'aileron' !important; } .list-section-title * { font-family: 'Seasons' !important; } 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
DearJamie Posted May 24, 2022 Share Posted May 24, 2022 @tuanphan That worked! Thank you! 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