Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 adjusting custom font weights



Site URL: https://thefavoriteco.com/

Hi all,


Just uploaded a new font into my site that's very lightweight. i love it but it's not that readable on mobile and so i want to dial up the font weights for paragraph fonts and any fonts used inside a button.  Any suggestion on how to do this?


Link to post
  • Answers 10
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Perfect!! Thanks so much, @creedon! Happy holidays.

I updated the CSS in my previous post.

Thank you again!!! ❤️

Posted Images

10 answers to this question

Recommended Posts

  • 0

Add the following CSS.

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

  .header-menu-cta a,
      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 best , and see my profile. Thanks for your support!

Link to post
  • 0

@TFC The pagination title on mobile is too big/overlap. Do you want to resize it, or remove?



Link to post
  • 0
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;


Link to post
  • 0
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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...