Home › Forums › Air WordPress Theme › How to edit line-height and margin-bottom for paragraphs?
- This topic has 7 replies, 2 voices, and was last updated 5 years, 3 months ago by
applemint.
-
AuthorPosts
-
February 12, 2021 at 7:47 pm #23853
How to edit text line-height and margin-bottom for paragraphs for posts and pages (separately)?
Thank you!February 13, 2021 at 1:41 am #23854Hi
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:
.page-id-4804 #content_wrap .entry p { margin-bottom: 20px; line-height: 30px; } /*For a Page*/ .postid-3191 #content_wrap .entry p { margin-bottom: 20px; line-height: 30px; } /*For a Post*/Please use the page/post ID like above CSS: https://doc.seatheme.net/wordpress-faqs/custom/how-to-find-wordpress-post-page-id/
Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook
February 13, 2021 at 4:30 pm #238571. Thank you.
It’s good to know you can identify each separate post/page, in case I would need that.
However, with ‘separate’, I meant pages versus posts. I like to set a different paragraph and font styling for all pages versus all posts. So that text on all pages have one styling and that text on all post pages have another styling. (I’m assuming instructions for SEA theme are same as for AIR, which is what I use?)2. Additionally, how to set font size for caption of images on pages? Font Settings allow to set Gallery Post Caption, but not for images on pages.
February 14, 2021 at 3:27 am #23858Hi,
Do you talk about the Air theme, the answer is for Air theme.
1.
/*For all Pages*/ body.page #content_wrap .entry p { margin-bottom: 20px; line-height: 30px; } /*For all Posts*/ body.single-post #content_wrap .entry p { margin-bottom: 20px; line-height: 30px; }2. Do you talk about the caption in the Single Image module(pagebuilder)?
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:.single-image-caption { font-size: 18px; line-height: 30px; }If it doesn’t work, please leave your page URL, thanks!
Regards
February 16, 2021 at 6:08 pm #238871. Code works for posts! But not for pages, nor for a specific page (as instructed above). See URL in next message.
2. Caption code works too!
Thanks
February 16, 2021 at 6:09 pm #23888This reply has been marked as private.February 17, 2021 at 2:45 am #23900Hi,
Code works for posts! But not for pages, nor for a specific page (as instructed above). See URL in next message.
Please update the CSS:
body.page #content_wrap .entry p, body.page #content_wrap .text_block p, body.page #content_wrap .ux-portfolio-template-intro p { margin-bottom: 20px; line-height: 30px; } /*All pages*/ body.page-id-4804 #content_wrap .entry p, body.page-id-4804 #content_wrap .text_block p, body.page-id-4804 #content_wrap .ux-portfolio-template-intro p { margin-bottom: 20px; line-height: 30px; } /*For a specific Page*/Regards
February 17, 2021 at 11:37 pm #23906Working like a charm. Many thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.
