Jump to content

CSS code to change the title of my services section

Recommended Posts

Hi, I am using a custom font for my overall website but I added a services section and was able to change the font on the list items but not on the tittle of the section, where it says 'Pick your journey' . Does anyone know the code for that (attached screenshot).

Screen Shot 2023-10-07 at 10.17.53 AM.png

Link to comment

@byboldstudio You'll need to apply the custom font to .user-items-list .list-section-title p as well as H1, H2 etc. If you share your site address I can give you the exact code.

If this helped you, please like or mark my solution as answer so others can scroll to it quickly ๐Ÿ‘†

Cass Aggett is a Squarespace website designer for go-getting womenย โ€“ no matter what stage of business.

WEBSITE โ€ข INSTAGRAM

ย 

Link to comment

@byboldstudio the code you've got there has an error on line 142 because it's missing part of the code.

You've already got this whole bit of code targeting this section ID on line 132. Did you want to target this section individually, or all list sections that you add?

Keeping it targeted to this section, replace line 142 and 142 in your screenshot with this:

.user-items-list .list-section-title {
  font-family: 'contage regular' !important;
}

image.thumb.png.1cef89f8a623daa8396582f2b8ee4e99.png

If this helped you, please like or mark my solution as answer so others can scroll to it quickly ๐Ÿ‘†

Cass Aggett is a Squarespace website designer for go-getting womenย โ€“ no matter what stage of business.

WEBSITE โ€ข INSTAGRAM

ย 

Link to comment

It workedd!!! Thank you so muchย ๐Ÿ’—ย I also need to covert each of the services boxes as "buttons" to create an anchor link that takes people to a further description of the services. I already know how to create the anchor link but I am not sure how to convert the boxes to buttons. Maybe you know the code for that? I know that this section has the option to add a button to the boxes but my client wants the whole container as a button.

Link to comment

If this helped you, please like or mark my solution as answer so others can scroll to it quickly ๐Ÿ‘†

Cass Aggett is a Squarespace website designer for go-getting womenย โ€“ no matter what stage of business.

WEBSITE โ€ข INSTAGRAM

ย 

Link to comment
On 10/9/2023 at 3:40 PM, CassAggett said:

Thanks for sharing @CassAggettย ๐Ÿฅฐ

Code queen and CSS behind InsideTheSquare.co

๐Ÿ˜ƒย Free CSS tutorials: insidethesquare.co/tutorials-for-squarespace
๐Ÿฅณ Free 7.1 training course: itssevenone.com/training
๐Ÿ‘ CSS Cheat Sheetย - codes for 7 & 7.1: insidethesquare.co/css
๐Ÿ“š CSS for Squarespace course: customcodeacademy.com

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.