Jump to content

How to add custom CSS for Project Headings on Homepage

Recommended Posts

Site URL: https://chimes-wolverine-wx85.squarespace.com

Hi,

I have just started a website and have made no changes other than the fonts at this stage. I have added custom CSS for Heading fonts and Body copy but want to change the Footer headings and the Heading titles displayed for the Projects on the homepage - can anyone help with this please? Some areas seem to remain using the default font the the template uses but I want everything to use the custom font. 

If you could share any light on this, that would be really great. Thank you! 

Screenshot 2020-12-14 at 20.17.34.png

Link to comment
  • TGPITW changed the title to How to add custom CSS for Project Headings on Homepage
  • Replies 7
  • Views 855
  • Created
  • Last Reply
1 hour ago, TGPITW said:

Site URL: https://chimes-wolverine-wx85.squarespace.com

Hi,

I have just started a website and have made no changes other than the fonts at this stage. I have added custom CSS for Heading fonts and Body copy but want to change the Footer headings and the Heading titles displayed for the Projects on the homepage - can anyone help with this please? Some areas seem to remain using the default font the the template uses but I want everything to use the custom font. 

If you could share any light on this, that would be really great. Thank you! 

Screenshot 2020-12-14 at 20.17.34.png

Your site is private, please share a site wide password to help having a look

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
2 hours ago, TGPITW said:

Hi, thank you for your reply! The password is: greatestparty

image.thumb.png.e055ab9e6df5c03fafab6d8b97ebd7dc.png

Add this to Design->Custom CSS

.header-title-text,
.portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title {
  font-family: acumin-pro;  
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
12 minutes ago, TGPITW said:

Thank you very much! 

I also want to change it in these areas, are you able to help please? The navigation and the footer

Screenshot 2020-12-15 at 11.36.35.png

Screenshot 2020-12-15 at 11.36.21.png

.header-title-text,
.portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title,
.header .header-nav-wrapper a,
.header-menu-nav-item a,
h1, h2, h3, h4 {
  font-family: acumin-pro;  
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.