Changing CSS Font on List Layout Title

Site URL: https://dragonfly-alligator-5xwt.squarespace.com/

Hi, 

I've successfully changed the font across our website - however am having difficulty with the titles of this specific content block under 'Reports' you can see that the title are still default font: 

https://dragonfly-alligator-5xwt.squarespace.com/analysis-range

Does anyone have coding that could assist with this? 

Thanks,
Alex

On 7/9/2021 at 8:24 AM, PCAlex said:

Site URL: https://dragonfly-alligator-5xwt.squarespace.com/

Hi, 

 

I've successfully changed the font across our website - however am having difficulty with the titles of this specific content block under 'Reports' you can see that the title are still default font: 

https://dragonfly-alligator-5xwt.squarespace.com/analysis-range

 

Does anyone have coding that could assist with this? 

 

Thanks,
Alex

It looks like you solved this?

Hi, 

No - not solved. If you look at page https://dragonfly-alligator-5xwt.squarespace.com/analysis-range 

and scroll down to 'Reports' section, you'll see that "Professional Styles Expert Report" is in the wrong font whereas the rest is Graphik light. 

Thanks,

Alex

6 hours ago, PCAlex said:

Hi, 

No - not solved. If you look at page https://dragonfly-alligator-5xwt.squarespace.com/analysis-range 

and scroll down to 'Reports' section, you'll see that "Professional Styles Expert Report" is in the wrong font whereas the rest is Graphik light. 

Thanks,

Alex

I don't see this text. You mean Target Group?

Yes I think so - please see screenshot attached. This is in my content items block.

On 7/15/2021 at 5:46 AM, PCAlex said:

Yes I think so - please see screenshot attached. This is in my content items block.

Use this CSS for title

h2.list-item-content__title {
    font-family: 'GraphikExtra' !important;
}

That's great! Thanks heaps.

On 7/19/2021 at 5:52 AM, PCAlex said:

That's great! Thanks heaps.

Do you want to fix these?

Site URL – https://dragonfly-alligator-5xwt.squarespace.com/

1. (Desktop – Header) Menu is cut into 2 lines.

https://dragonfly-alligator-5xwt.squarespace.com/

2. (Desktop/Tablet – Homepage) Text is cut to the next line.

https://dragonfly-alligator-5xwt.squarespace.com/

3. (All devices – About) Reduce space?

https://dragonfly-alligator-5xwt.squarespace.com/about

4. (Desktop – Press) Reduce text size?

https://dragonfly-alligator-5xwt.squarespace.com/press/mother-2t2hy

5.  (Mobile – Homepage) On desktop, the entire image can be seen. On mobile, the image is partially cropped.

https://dragonfly-alligator-5xwt.squarespace.com/

6. (Mobile – Press) Scroll bar at the bottom of page.

https://dragonfly-alligator-5xwt.squarespace.com/saville/360

7. (Mobile – Press) Paginations overlaps.

https://dragonfly-alligator-5xwt.squarespace.com/reports/leadership-360

8. (Tablet – Homepage) Text is cut to the next line.

https://dragonfly-alligator-5xwt.squarespace.com/

9. (Tablet – Footer) Social icons are cut into 2 lines.

https://dragonfly-alligator-5xwt.squarespace.com/

10. (Tablet – About) Increase text width?

https://dragonfly-alligator-5xwt.squarespace.com/about