Jump to content

Editing font style on single word in Image Gallery Heading. Can it be done?

Recommended Posts

Site URL: http://www.domtetro.com

Hello lovely Squarespace people,

I've been attempting different codes to change a single word style in the .Index-gallery-item-content-heading, but haven't figured it out yet so here we are.

 

How can I make the word "conscious" italicized while leaving the rest of the body text normal? Is this even possible? 🤣

 

Many many thanks

 

xx

D

1448993057_ScreenShot2021-05-14at12_45_11PM.thumb.png.bc33d258af052319378d7f3db747bbe6.png

134086650_ScreenShot2021-05-14at12_36_35PM.png.94ab5d8af26ddfd752df5bc6e3370d5b.png

This is where we're currently at 👆

Edited by dombomb
Uploaded screenshots of progress
Link to comment
16 hours ago, dombomb said:

Site URL: http://www.domtetro.com

Hello lovely Squarespace people,

I've been attempting different codes to change a single word style in the .Index-gallery-item-content-heading, but haven't figured it out yet so here we are.

 

How can I make the word "conscious" italicized while leaving the rest of the body text normal? Is this even possible? 🤣

 

Many many thanks

 

xx

D

1448993057_ScreenShot2021-05-14at12_45_11PM.thumb.png.bc33d258af052319378d7f3db747bbe6.png

134086650_ScreenShot2021-05-14at12_36_35PM.png.94ab5d8af26ddfd752df5bc6e3370d5b.png

This is where we're currently at 👆

Can you place html into the title,

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 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

Hello Dom, 

You can style different words in a sentence by making them bold or italic and styling them further with CSS

.Index-gallery-item-content-heading h2 {
    font-style: normal;
}
.Index-gallery-item-content-heading h2 italic {
    font-style: italic;
}

 

Link to comment
18 hours ago, bangank36 said:

Can you place html into the title,

Oooooo that's right! Didn't think of that. 🤣

For anyone following, here's the solution to the above.

Open up the gallery where the text is you want to change. Selected the photo in the gallery where the title is applied. In the Title field, find the word you want to change and enter the code below:

<span style="font-style:italic"> conscious </span> }

Hope this helps someone else!

 

xx

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.