Jump to content

How to fix the text font for desktop on squarespace

Go to solution Solved by MySquare24,

Recommended Posts

Posted

Hi!

I have some images and want to make little smaller font size for desktop only,

how can I  get the smaller font size to show up with each image?

 

 

font-fixing.png

  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution
Posted

Hi Bristle_z

In SQSP you need to keep some custom CSS code

Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

 

@media screen and (min-width: 768px), screen and (max-width: calc(1709px)) and (orientation: landscape)
.portfolio-grid-basic .portfolio-title {
    font-size: calc((var(--portfolio-grid-basic-title-font-font-size-value) - 1) * 1.2vw + 1rem);
}

 

If it's resolved you're issue mark this to close or get any help submit request,

Thanks, 

👨‍✈️Professional Squarespace Developer - Custom Code

Contact:

Submit Request

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.