Jump to content
Go to solution Solved by bwmoore,

Recommended Posts

Posted (edited)

Hi,  I have a site where I am trying to change the headings to a custom font. 

Strangely although my custom CSS works across all headings. There are some blocks where the title/heading appears to be not affected by the heading CSS change, and to further annoyance doesn't appear to be related to anything with the paragraph styling either.  It is driving me nuts..

Any ideas?? 

See attached screenshots:

My current CSS is 

@font-face {
    font-family: 'Marr Sans';
    src: url(https://static1.squarespace.com/static/66878d7f61c0fa2fc7fdba9c/t/668910ed39b73f5402412a7e/1720258797685/MarrSansCondensed-Semibold-Trial.otf);}/* General heading styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Marr Sans' !important;}

/* Specific classes */
.list-item-content__title {
    font-family: 'Marr Sans' !important;}

.list-section-title[data-section-title] {
    font-family: 'Marr Sans' !important;}

[data-section-title] {
  font-family: 'Marr Sans' !important;}

image.thumb.png.4efead57cfa172a03424772c17954e67.png

Screenshot 2024-07-08 at 4.27.07 PM.png

Edited by bwmoore
Clicked send too early & fixed formatting
Link to comment
  • Replies 3
  • Views 169
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted (edited)

Thank you! 

That does seem to affect the heading in question, however it also seems to change all the body/paragraph style on the site to 'Marr Sans' heading style. Would you know how to keep this title in 'marr sans' while not affecting all the other the paragraph text?

See attached screenshot

image.thumb.png.7c6d54d3d92486eabdff930025486540.png

Screenshot 2024-07-08 at 5.14.23 PM.png

Edited by bwmoore
Link to comment
  • Solution

I solved this issue. 

The main problem was that for some bizarre reason in Squarespace title blocks are assigned a 'P' paragraph style (they really should be headings). In any case the solution was simply to add this to my code:

.list-section-title p {
    font-family: "Marr Sans";

I had targeted this already - but not assigned the 'p' in my original code. The native CMS styling inside Squarespace also does not have any affect on this particular item for some reason, and it must be set at default for this code snippet to work properly.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.