Home Forums Air WordPress Theme How to edit line-height and margin-bottom for paragraphs?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #23853
    applemint
    Participant
    Purchased
    Supported

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

    #23854
    SeaTheme
    Keymaster
    Purchased
    Expired

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

    #23857
    applemint
    Participant
    Purchased
    Supported

    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.

    #23858
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

    #23887
    applemint
    Participant
    Purchased
    Supported

    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

    #23888
    applemint
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #23900
    SeaTheme
    Keymaster
    Purchased
    Expired

    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

    #23906
    applemint
    Participant
    Purchased
    Supported

    Working like a charm. Many thanks!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!