Archived topic
Different Font Sizings For Magazine Grid
3 replies · Started by Jonas on April 12, 2022
Viewing posts 1–4 of 4
Hi Generatepress Support
Can you help me target the entry titles of each individual image in the Magazine Grid on my website frontpage? I've been trying to do it unsuccesfully with CSS for ".wp-show-posts-single:nth-child(1)" etc.
I'm trying to adjust the font sizes for each. I want the larger image to have larger font sizing than the small ones. I've tried targetting each nth-child but I can only change the font size for all of them at once it seems
My site is: Gamerbtw.com
Hi there,
try this CSS:
/* First item */
.page-hero.wpsp-grid .wp-show-posts article:nth-child(1) .wp-show-posts-entry-title {
font-size: 24px;
}
/* Second item */
.page-hero.wpsp-grid .wp-show-posts article:nth-child(2) .wp-show-posts-entry-title {
font-size: 20px;
}
/* rest of them */
.page-hero.wpsp-grid .wp-show-posts-entry-title {
font-size: 18px;
}Perfect!
Thank you again David
You're welcome
This archived topic is closed to new replies.
