Jump to content

Trying to use CSS to change font sizes for mobile site - paragraphs won't change

Go to solution Solved by Lesum,

Recommended Posts

I found a tutorial that helped me finally get the font sizing right - at least it almost did. I'm having to resize all my fonts to work on the mobile site. I was able to change my h3 font size with the following code in the screenshot below. Still following the tutorial to a tee, I tried changing the paragraph font size next. I have tried "p" and "p3" and neither change the size of the font (both of the fonts above and below "YOUR WEDDING VIDEOGRAPHER" are p3.

I must be doing something wrong, but I'm not sure what since it worked for the person in the tutorial. Here is the tutorial I'm watching. Skip to 1:18



Screenshot (54).png

Edited by captivatefilms
to clarify where code is in topic
Link to comment
  • Solution

@captivatefilms You just have to add "!important" after the font size.

@media only screen and (max-width: 640px){
	h3 {
		font-size: 20px !important;
	p {
		font-size: 10px !important;

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? 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.