Jump to content

How To Edit The Font Of A Testimonial Carousel in Squarespace Using CSS?

Recommended Posts

I am trying to edit the font of some text within a testimonial preset carousel within Squarespace (on the home page of the site linked below).

I have successfully changed the text below it using the following code:

section[data-section-id="63c390bd1403971a5efb5e19"]
  
  
    .user-items-list-item-container p
   {
  font-family: "Steelfish";
  font-size: 31px;
}

However I cannot seem to find a way to change the font of this main text.

I am open to all suggestions and am getting quite desperate as this job has carried on a lot longer than anticipated.

Any help would be greatly appreciated.

https://orb-seahorse-ha47.squarespace.com/

password123

/* attempt at testimonials top text */
section[data-section-id="63c390bd1403971a5efb5e19"]


    .user-items-list-carouselslides user-items-list-carouselslides--initialized p
   {
  font-family: "Steelfish";
  font-size: 31px;
}
Tried this unsuccessfully
Also tried h, h1, h2, h3

bottomtxt.png

text changed.png

Link to comment

Hi,

Use this code

/* Testimonials font */
.user-items-list-item-container[data-section-id="63c390bd1403971a5efb5e19"] {
	/* title */
h2.list-item-content__title {
    font-family: monospace;
    font-size: 31px !important;
}
/* body */
.list-item-content__description * {
    font-size: 20px;
    font-family: futura-pt !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
  • 1 year 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.