Previous – Next Post Position

  • Resolved ojabierto

    (@ojabierto)


    8 months ago

    Hello,

    I’m trying to center some elements, as I show in the pictures bellow but I can’t find where the settings are. The 1st picture shows how it is now and the 2nd one as I would like.

    Any advice please ?

    Thank you.

    • This topic was modified 8 months ago by ojabierto.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Shahin

    (@skalanter)

    8 months ago

    Hello @ojabierto,

    Thank you for reaching out,

    It seems that the width of the single blog post page is set to 100%.
    You need to set it to simple full width. Also check screenshots.

    To do this, go to: WP Dashboard > Appearance > Customizer > Blog > Single Post Then set the layout to the “full width” (not 100% full width): https://postimg.cc/56t0yB5h.

    To adjust how wide the content area of the single post is: You can set the single post content width in the Layout Settings. But to adjust the full-width of the page, go to: Customizer > Site Style & Settings > Site Layout > Main Container Width https://postimg.cc/9zg2xvTk.

    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.

    Hope it helps,
    Best Regards

    Thread Starter ojabierto

    (@ojabierto)

    8 months ago

    Hi @skalanter

    Thank you very much for your reply.

    I did the 1st step.

    I also did 2 nd one “Main Container Width” but unfortunately, it only changed the 3 posts position at the bottom of the page, not the Previous and Next links as shown in the 2nd screenshot.

    I don’t have any cache plugin or server cache.

    What do I miss here ?


    Shahin

    (@skalanter)

    8 months ago

    Hello @ojabierto,

    Thank you for the update,

    Check this screenshot: https://ibb.co/Fk54xZP6.

    I’m still seeing the content width set to 100%. It might be cached on your server or CDN, or it is affected by single blog post settings, please try this explaination in this article and recheck the issue: https://docs.oceanwp.org/article/828-general-main-oceanwp-settings.

    If the above solution didn’t help you, then I can also provide you with the following CSS; so please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .single-post ul.meta,
.single .post-tags,
.single nav.post-navigation {
    max-width:70% !important;
    margin: 0 auto !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.

    Please recheck the issue and keep us posted.

    Hope it helps,
    Best Regards

    Thread Starter ojabierto

    (@ojabierto)

    8 months ago

    Hi @skalanter,

    I really appreciate your help a lot !

    Yes, you were right, the content layout was set to 100% full width in every post. That’s probably the reason why it bypassed the “appearance” setting.

    Since I wanted to keep the main structure, for exemple the post’s title full width and the 3 posts wide thumbnails at the bottom, I finally used your last option, the css one.

    While still not perfect, it works just fine for what I attempted to do.

    So, once again, thank you Shahin !

    Romain

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Previous – Next Post Position’ is closed to new replies.

Tags