Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2364469
Grid Post Title Font Size on Mobile
Closed

Comments

  • migratingmiss started the conversation
    April 16, 2020 at 11:52am

    Hi, 

    I have adjusted the font size of the titles on the grid posts on the homepage on desktop with this code I found on someone elses support:


    @media only screen and (min-width: 481px){
ul.penci-grid .header-standard h2 a{ font-size: 28px; }
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 22px; }
}

    However it didn't seem to change the size of the post titles on the homepage on mobile. Could you please let me know how to adjust that?


    Thanks

  •  2,699
    PenciDesign replied
    April 16, 2020 at 3:45pm

    Hi,

    For ajust font size for both version desktop & mobile, please replace the code in your ticket to this CSS code:

    ul.penci-grid .header-standard h2 a{ font-size: 28px; }
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 22px; }

    If you want to ajust font size for mobile only, please add more this code to Customize > Custom CSS:

    @media only screen and (max-width: 480px){
ul.penci-grid .header-standard h2 a{ font-size: 24px; }
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 20px; }
}

    Best Regards,

    PenciDesign