“full-width” single blog large extra margin on headings h1, h2, h3, h4 etc.

  • Stock latest WordPress and OceanWP theme. When using full-width layout for single blog view, headings have a large amount of margin that does not appear when using right-sidebar layout. How do I control the large and in my case, unwanted, margin for headings in full-width layout? Examples below.

    Small H1 margin on bottom when using right-sidebar layout:

    View post on imgur.com

    Large H1 margins top and bottom when using full-width layout:

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @ozmatflc,

    Thank you for reaching out,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    /* Manage margin top and margin bottom in all single post*/
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.
    Best Regards

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.