Featured Slider Title Size

Public Ticket #910

Conversation thread

8 years ago

Staff Reply

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

8 years ago

Customer Reply

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.

8 years ago

Staff Reply

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

8 years ago

Conversation Start

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?

Want to join this conversation or access attachments? Sign in first.