Jump to content

Changing Index Gallery Title to Custom Font (and placement) in Pacific Squarespace 7.0

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

Hello there! I am using the Pacific Template in Squarespace 7.0 for my website. I want to have a Featured Gallery on my blog to highlight specific blog posts using images with click-through URLs. 

I use custom fonts for my website via Custom CSS. 

I have the Featured Gallery set up on my blog page, but I can't find the right Custom CSS code to change the title font for each image. I'd also like to change the position of the title to be lower (instead of in the middle). 

Can anyone assist? 

Thanks!

Edited by robandsamphoto
Clarification of Title
  • Replies 9
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

Okay, I got placement to work, but can't seem to get the custom font to show. Here's the code I'm using: 

/* All slide text position & font */
.slide-meta-content {
    left: 50% !important;
    top: 85% !important;
  font-family: 'Amalfi' !important;
}

What am I doing wrong on the font part? 

Thanks!

  • robandsamphoto changed the title to Changing Index Gallery Title to Custom Font (and placement) in Pacific Squarespace 7.0
Posted
On 2/6/2023 at 8:39 AM, robandsamphoto said:

@tuanphan - Since I'm not loving the look, I'm going to move the featured gallery block "offsite", but let me know if and when you're able to take a look and I'll move it back! 🙂 

 

Sam 

Yes. You can add & I will check

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!)

  • Solution
Posted
On 2/10/2023 at 8:25 AM, robandsamphoto said:

@tuanphan Okay! I've re-added! https://www.reverenceintimateportraits.com/blog

 

Thank you again 🙂 

Add to Design > Custom CSS

.collection-type-index.design-slideshow .index-gallery .slide-meta-content * {
    font-family: 'Rosemary' !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!)

Posted
6 hours ago, tuanphan said:

Add to Design > Custom CSS

.collection-type-index.design-slideshow .index-gallery .slide-meta-content * {
    font-family: 'Rosemary' !important;
}

 

That worked! Thank you so much! 

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.