Jump to content

How to change Font-Block on mobile

Recommended Posts

I have a problem with a code: I want to display a white font in the mobile version in black. But only from specific blocks.

@media screen and (max-width: 648px) {
  #block-473193d35c589c679db0 p2 {
    color: #c2efff !important;
  }
}

Why can I change the H2 with the code, but when I want to target the p or p2, the code does not work 

Link to comment

p2 is not the selector. These are your selectors for paragraph 1, paragraph 2, and paragraph 3 respectively: 

.sqsrte-large
p
.sqsrte-small 

https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.