Jump to content

Changing Title Font in Carousel using CSS

Recommended Posts

  • Replies 11
  • Views 2.6k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 7/2/2021 at 1:15 PM, LV-OZ said:

Site URL: https://lobster-ray-g42d.squarespace.com/who-we-are

Hello! I am trying, without success, to change the title font (which is the names of the people) in the carousel. Does anyone have any code to help me with this? 

This is what I tried:

.user-items-list-title { 
   font-family: 'BreweryProLight' !important;
  font-size: 25px !important;
  letter-spacing: 4px;
  }

Thank you!

Your site is private. Can you setup password & share url again? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
4 hours ago, LV-OZ said:

Thank you! 

Password is: youcanenter

https://lobster-ray-g42d.squarespace.com/who-we-are

 

it is in the WHO WE ARE section

Use this code

h2.list-item-content__title {
     font-family: 'BreweryProLight' !important;
  font-size: 25px !important;
  letter-spacing: 4px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 months later...

hi all- having the same issue, but in the description text of the carousel, which I'd like to be gill-sans-nova. Currently using this code, and while the font-size-value section does change the size of the text, the "font family" bit doesn't seem to be working:

 

.user-items-list-item-container[data-section-id="60ed7b629db072196a22db14"] {
    --body-font-size-value: 0.9;
  --body-font-family: 'gill-sans-nova' ! important;
}

 

image.thumb.png.d3f4a790d02d4be8f1820fa26baba8c6.png

 

Cheers!

Link to comment
On 10/27/2021 at 4:00 AM, hlzcp said:

hi all- having the same issue, but in the description text of the carousel, which I'd like to be gill-sans-nova. Currently using this code, and while the font-size-value section does change the size of the text, the "font family" bit doesn't seem to be working:

 

.user-items-list-item-container[data-section-id="60ed7b629db072196a22db14"] {
    --body-font-size-value: 0.9;
  --body-font-family: 'gill-sans-nova' ! important;
}

 

image.thumb.png.d3f4a790d02d4be8f1820fa26baba8c6.png

 

Cheers!

Hi,

Can you share link to page in screenshot? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 11/5/2021 at 4:40 PM, hlzcp said:

hey Tuan, sorry - that is the right page, but I have changed that section a bit - it now looks like this:

 

image.thumb.png.c8e0ed3a50bc5e2a92ca4b2aa7f29505.png

 

just to confirm its all the text below the names of the seasons, which is the "description" part 

 

image.thumb.png.640447770dfa20beb566aa654d395ce5.png

 

thanks!

Try this code

.list-item-content__description * {
    font-family: 'gill-sans-nova' ! important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

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.