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 #1984295
Mobile font size
Closed

Comments

  • jeevjun started the conversation

    How do I change the font size on mobile view. Currently it's too small for my liking. I edited the page sections but it only updates on desktop view.

  •  501
    Penci replied

    Hi,

    I'm not clear about the issue. 

    Please send  your screenshot for the issue  and send me your website management information ( admin url site , username and password ) . I will check it again.

    Best Regards,

    PenciDesign

  •   jeevjun replied privately
  •  501
    Penci replied

    Hi.

    Please go to Customize > Addtional CSS then add custom css to do that

    @media screen and ( min-width: 768px ) {
    .penci-block_6 h3.penci__post-title {
    font-size: 14px;
    }
    }

    you can change font size of post title block 6 is 14px to any  font size you want

    Best Regards,

    PenciDesign 


  • jeevjun replied

    It didn't help. Nothing changed. see attachment

  •  501
    Penci replied

    Hi,

    Sorry, i checked and config help you.

    @media screen and ( max-width: 768px ) {
     .penci-block_6 h3.penci__post-title a{
     font-size: 18px;
     }
    .penci-block_37 h3.penci__post-title a{
     font-size: 18px;
     }
    }

    Please check screenshot http://prntscr.com/ngajy8

    Best Regards,

    PenciDesign

  •  1
    Alexandre replied

    Hi,

    I would change the font size only on mobile. 

    Where can I change this parameter ?

    Thanks

  •  2,576
    PenciDesign replied

    Hi,

    Please send me the related page URL. I'll suggest custom CSS for your site.

    Regards,
    PenciDesign.


  •  1
  •  2,576
    PenciDesign replied

    Hi,

    Please go to Appearance → Customize → Aditional CSS then add the following custom CSS code:

    @media only screen and (max-width: 767px) {
        .single .penci-entry-title {
            font-size: 18px; /* change your font size here */
        }
    }

    Regards,
    PenciDesign.


  •  1
    Alexandre replied

    No change. Can you check if I did the right thing (image attached) ?

  •  2,576
    PenciDesign replied

    Hi,

    Please add the extra parameter to this code:

    @media only screen and (max-width: 767px) {
        .single .penci-entry-title {
            font-size: 14px!important; /* change your font size here */
        }
    }

    Regards,
    PenciDesign.


  •  1
    Alexandre replied

    Sorry but always no change (image attached)

  •  2,576
    PenciDesign replied

    Hi,

    We've something working on the CSS selector, please add this:

    @media only screen and (max-width: 767px) {
        body.single .entry-content h2 {
            font-size: 14px!important; /* change your font size here */
        }
    }

    Regards,
    PenciDesign.


  •  1
    Alexandre replied

    Thanks !! All is OK ! ;)