How to edit line-height and margin-bottom for paragraphs?

[applemint]

How to edit text line-height and margin-bottom for paragraphs for posts and pages (separately)?
Thank you!

[SeaTheme]

Hi

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

[applemint]

1. 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.

[SeaTheme]

Hi,

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

[applemint]

1. 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

[applemint]

This reply has been marked as private.

[SeaTheme]

Hi,

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

[applemint]

Working like a charm. Many thanks!

[Author]

Posts