Jump to content

Change font size on mobile

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.juansolisphoto.com

Hi! 

I would like to change the font size of the tittle 2 'Visual stories.' of the home page on the mobile, but despite adding the following code in CSS I don't see any change.

@media screen and (max-width: 640px) {
#block-yui_3_17_2_1_1662735243129_3397 {
    font-size: 50px !important;
    }
}

I got the identifier of the block through the extension of Chrome 'Squarespace ID finder'.

Could you help me please? Thanks!

password: holahola

Captura de pantalla 2022-09-18 a las 17.02.18.png

Edited by JSolis
Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
22 hours ago, JSolis said:

Site URL: https://www.juansolisphoto.com

Hi! 

I would like to change the font size of the tittle 2 'Visual stories.' of the home page on the mobile, but despite adding the following code in CSS I don't see any change.

@media screen and (max-width: 640px) {
#block-yui_3_17_2_1_1662735243129_3397 {
    font-size: 50px !important;
    }
}

I got the identifier of the block through the extension of Chrome 'Squarespace ID finder'.

Could you help me please? Thanks!

password: holahola

Captura de pantalla 2022-09-18 a las 17.02.18.png

You can try 

@media only screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1662735243129_3397 h2 {
    font-size: 30px !important;
  }
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.