Jump to content

Help reducing font size of poster image block in mobile version with CSS

Recommended Posts

Site URL: https://your-social-bee.squarespace.com

Hi 

I want to reduce the size of the subtitle font on overlay text on a poster image (pink box with yellow partial edge) at the bottom of my home page. Currently the testimonial text does not fit on the background image. I have tried various forms of CSS but am failing to identify the magic combination of code to target this.

Any help would be great!!

Password for website is: yoursocialbee

Thanks

Cathrin

Link to comment
41 minutes ago, Thurstings said:

 

Thanks so much for the suggestion, sadly it hasn't changed the font size.

I tried quite a few different bits of code but nothing seems to change it! So frustrating! I'll have to think of another way round it.

Thanks again

Link to comment

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.image-subtitle * {
    font-size: 18px;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
4 hours ago, caseyscalf said:

None of these work in 7.0 with Pacific. It would be great to find a fix for this!

Can you share link to page where you use poster block?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.