I am wondering where I can change the font size of the category label on the mobile device(this label shows on the posts with boxed style), I can easily change the font size on the desktop website in the customizer. However, the setting shows no response on mobile devices, thank you for help!
Thank you for your reply, but it doesn't work for me... The style I use on the homepage is "1st class then boxed". When I change the font size of the category label by "customize > posts layouts > font size > Font Size for Categories", only the label of the latest posts will change, and it doesn't work for the label of the boxed style posts.
The problem above only appears under mobile devices, it works successfully under desktop websites.
Sorry, it still cannot work. I right-click on the category tag and open the check option, then I find the font size is set at 11 px. Even when I put the Custom CSS, this value always remains the same.
I am wondering where I can change the font size of the category label on the mobile device(this label shows on the posts with boxed style), I can easily change the font size on the desktop website in the customizer. However, the setting shows no response on mobile devices, thank you for help!
Attached files: FYI.JPG
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 767px) {.cat > a.penci-cat-name {
font-size: 12px;
}
}
Regards,
PenciDesign.
Thank you for your reply, but it doesn't work for me... The style I use on the homepage is "1st class then boxed". When I change the font size of the category label by "customize > posts layouts > font size > Font Size for Categories", only the label of the latest posts will change, and it doesn't work for the label of the boxed style posts.
The problem above only appears under mobile devices, it works successfully under desktop websites.
Hi,
Please send me your site URL.
Regards,
PenciDesign.
Thank you for your reply.
My URL is iamlittlelennon.com
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width:767px) {.penci-featured-infor .cat > a.penci-cat-name,
.penci-standard-cat .cat > a.penci-cat-name,
.grid-header-box .cat > a.penci-cat-name,
.header-list-style .cat > a.penci-cat-name,
.overlay-header-box .cat > a.penci-cat-name,
.inner-boxed-2 .cat > a.penci-cat-name,
.main-typography .cat > a.penci-cat-name {
font-size: 12px;
} }
Regards,
PenciDesign.
Sorry, it still cannot work. I right-click on the category tag and open the check option, then I find the font size is set at 11 px. Even when I put the Custom CSS, this value always remains the same.
Attached files: FYI.JPG
Hi,
For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.
Regards,
PenciDesign.
Hi,
I've checked your site, you've copied/pasted the wrong CSS syntax so it doesn't work.
I've fixed it.
Please clear all the browser caches and check again.
Regards,
PenciDesign.