Comments 1theorganisedhousewife started the conversationNovember 30, 2022 at 9:27pmHi thereIn my blog posts: https://theorganisedhousewife.com.au/organising/kitchen-organising/organising-a-bachelor-pad-pantry/ Can I have the you may also like display similar to this?https://soledaddemo.pencidesign.net/soledad-home-decor-design-magazine/20-kitchen-wallpaper-ideas-youll-love-way-more-than-tile/I prefer this display for mobile. Thank you. 2,610PenciDesign repliedDecember 1, 2022 at 1:41amHi,Please go to Appearance > Customize > Single Posts > Related Posts: turn on the "Make Related Posts Display in a Grid Layout ( not Slider )" option.Regards,PenciDesign. 1theorganisedhousewife repliedDecember 5, 2022 at 10:27pmThat is great, thank you. Is there a way to make them columns on a mobile? 2,610PenciDesign repliedDecember 6, 2022 at 1:00amHi,How many columns do you want to display on the mobile?Regards,PenciDesign. 1theorganisedhousewife repliedDecember 6, 2022 at 3:15am2 columns 3 rows please. 2,610PenciDesign repliedDecember 6, 2022 at 9:27amHi,Please go to Appearance → Customize → Custom CSS then add the following custom CSS code: @media only screen and (max-width: 479px) { .penci-related-grid-display .item-related { width: 50%; float: left;} }Regards,PenciDesign. 1theorganisedhousewife repliedDecember 6, 2022 at 8:41pmThank you, how do I add in a reduced for size for the text under the images. Thank you. 2,610PenciDesign repliedDecember 7, 2022 at 1:17amHi,Please go to Appearance > Customize > Single Posts > Font Sizes: change font size at the "Font Size for Post Titles on Related Posts" option.Regards,PenciDesign. 1theorganisedhousewife repliedDecember 7, 2022 at 5:35amwill this just do mobile only though? 2,610PenciDesign repliedDecember 7, 2022 at 7:31amHi,Please go to Appearance → Customize → Custom CSS then add the following custom CSS code: @media only screen and (max-width:479px) { .item-related h3 a { font-size: 16px; } } Change 16px with the font size you want to show on the mobile.Regards,PenciDesign. 1theorganisedhousewife repliedDecember 7, 2022 at 8:52pmThat all works now, thank you for your help. Sign in to reply ...
Hi there
In my blog posts: https://theorganisedhousewife.com.au/organising/kitchen-organising/organising-a-bachelor-pad-pantry/
Can I have the you may also like display similar to this?
https://soledaddemo.pencidesign.net/soledad-home-decor-design-magazine/20-kitchen-wallpaper-ideas-youll-love-way-more-than-tile/
I prefer this display for mobile.
Thank you.
Hi,
Please go to Appearance > Customize > Single Posts > Related Posts: turn on the "Make Related Posts Display in a Grid Layout ( not Slider )" option.
Regards,
PenciDesign.
That is great, thank you. Is there a way to make them columns on a mobile?
Hi,
How many columns do you want to display on the mobile?
Regards,
PenciDesign.
2 columns 3 rows please.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width: 479px) {.penci-related-grid-display .item-related {
width: 50%;
float: left;
}
}
Regards,
PenciDesign.
Thank you, how do I add in a reduced for size for the text under the images. Thank you.
Hi,
Please go to Appearance > Customize > Single Posts > Font Sizes: change font size at the "Font Size for Post Titles on Related Posts" option.
Regards,
PenciDesign.
will this just do mobile only though?
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (max-width:479px) {.item-related h3 a {
font-size: 16px;
} }
Change 16px with the font size you want to show on the mobile.
Regards,
PenciDesign.
That all works now, thank you for your help.