Jump to content

7.1 adjusting custom font weights

Recommended Posts

Add the following CSS.

@media only screen and ( pointer: coarse ) and ( max-width: 1024px ), screen and ( max-width: 799px ) {

  .header-menu-cta a,
  .site-wrapper,
  .sqs-block-button-element
  
    {
    
      font-weight: 600;
      
      }
  }

Let us know how it goes.

Edited by creedon
version 2

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
On 12/27/2020 at 7:09 AM, TFC said:

 

Hi. Sorry for the delay. I was off some days for the new year

Add to Home > Design > Custom CSS

/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
19 hours ago, tuanphan said:

/* Pagination title */ @media screen and (max-width:767px) { h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; } }

thanks, as always! 

Link to comment
  • 11 months later...
On 12/31/2021 at 6:19 AM, bybridges said:

Sorry to rehash this but I'm using a Squarespace font, and my top nav options don't allow me to adjust my font weights. Is there some CSS I can use to increase weight or make the top nav have bolder font for visibility?

Can you share link to your site? We can help easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
On 1/3/2021 at 9:26 AM, tuanphan said:

Hi. Sorry for the delay. I was off some days for the new year

Add to Home > Design > Custom CSS

/* Pagination title */
@media screen and (max-width:767px) {
h2.item-pagination-title {
    display: none;
}
.item-pagination-prev-next {
    display: block !important;
}
}

 

Is there a way to do this only for blog post paragraphs?

I'm modelling my site on another Squarespace site, the font is exactly the same on the homepage.
Proxima nova, light, 300, same size etc, but that exact style on their blog posts looks more like 400, not 300?

https://www.luxurylloyd.com/blog/5-luxury-website-design-firms-to-consider-in-2023

Link to comment
On 3/17/2023 at 5:12 PM, johnpaulstuthridge said:

Is there a way to do this only for blog post paragraphs?

I'm modelling my site on another Squarespace site, the font is exactly the same on the homepage.
Proxima nova, light, 300, same size etc, but that exact style on their blog posts looks more like 400, not 300?

https://www.luxurylloyd.com/blog/5-luxury-website-design-firms-to-consider-in-2023

Try this CSS

h4.BlogItem-pagination-link-title {
    font-weight: 300 !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 3/19/2023 at 4:28 PM, johnpaulstuthridge said:

I didn't see any change, no errors in the code, but looked the same.

Designs > Custom CSS... right?

It looks like this font doesn't support weight 300

I just tested, 400 - 300 look same, or template doesn't support 300

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.