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 #1381080
Featured Slider Title Size
Closed

Comments

  • comunicacionuchur started the conversation
    November 25, 2017 at 4:38pm

    Hi! Thank you for your patience.

    I have changed the font size for the featured slider and it looks great on PCs, but it looks too big on small screens such as an iPhone.


    Also, how can I make the category text larger on the featured slider?

  •  2,701
    PenciDesign replied
    November 26, 2017 at 10:47am

    Hi,


    1/ You need to change your Custom CSS code from:

    .featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
        font-size: 50px;
    }

    To:

    @media only screen and (max-width: 1170px){
.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
        font-size: 50px;
    }
}

    2/ You can add more this code to Customize > Custom CSS to:

    @media only screen and (max-width: 1170px){
.penci-mag-featured-content .cat > a.penci-cat-name{ font-size: 20px; }
}

    Best Regards,

    PenciDesign

  • comunicacionuchur replied
    November 27, 2017 at 1:00pm

    Now it looks great on the iPhone but too small on my PC. I need to use a font size for PC and another for iPhone.

  •  2,701
    PenciDesign replied
    November 28, 2017 at 2:36am

    Hi,

    Ah, I'm sorry. I wrong a bit the codes.

    1/ Please try use:

    @media only screen and (min-width: 1170px){
.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
    font-size: 50px;
}
}

    To change the font size for desktop.

    And use more this code 

    @media only screen and (max-width: 768px){
.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
    font-size: 20px;
}
}

    To change the font size for mobile.

    Change number 20 to the size you want.

    2/ You can use this code to change the size of category on the slider for desktop:

    @media only screen and (min-width: 1170px){
.penci-mag-featured-content .cat > a.penci-cat-name{ font-size: 20px; }
}

    Best Regards,

    PenciDesign