Content Layout: Full Width – no work.

  • Resolved Vad

    (@vadym1)


    6 years, 11 months ago

    Content Layout: Full Width – no work.
    OceanWP + Elementor.

    Previously, everything worked well.
    Now the content is stretched to the full width:

    .single-post.content-max-width #main #content-wrap {
    width: 100%;
    max-width: 100%;
}

    But it is necessary that it was so:

    .single-post.content-max-width #main #content-wrap {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}

.single-post.content-max-width .entry-header, .single-post.content-max-width ul.meta, .single-post.content-max-width .entry-content p, .single-post.content-max-width .entry-content h1, .single-post.content-max-width .entry-content h2, .single-post.content-max-width .entry-content h3, .single-post.content-max-width .entry-content h4, .single-post.content-max-width .entry-content h5, .single-post.content-max-width .entry-content h6, .single-post.content-max-width .wp-block-image, .single-post.content-max-width .wp-block-gallery, .single-post.content-max-width .wp-block-video, .single-post.content-max-width .wp-block-quote, .single-post.content-max-width .wp-block-text-columns, .single-post.content-max-width .entry-content ul, .single-post.content-max-width .entry-content ol, .single-post.content-max-width .wp-block-cover-text, .single-post.content-max-width .post-tags, .single-post.content-max-width .comments-area {
    margin: 1.5em auto;
    
    /* max-width: 700px; */
    max-width: 1100px;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Vad

    (@vadym1)

    Or need choose
    Content Layout: Default

    And need to add this code to the page:

    <style>
.content-area {
    width: 100%;
}
.widget-area.sidebar-primary {
    width: 0%;
}
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1200px;
}
</style>
    Theme Author oceanwp

    (@oceanwp)

    Hello, it is the new style for Gutenberg, you can disable it via Blog > Single Post section of the customizer, add 0 in the Full Width Content field.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Content Layout: Full Width – no work.’ is closed to new replies.