Layout help!

[johnaps]

Hello guys!

Can you help me out achieve this spacings like they are in this page for post single pages?

https://ahrefs.com/blog/content-syndication/

1. I have added the sidebars and the left table of contents widget, i still need to figure out what widget to use for author info to place on the right.
2. But more importantly i cant figure out the the spacings between content width and sidebars width… I have already set the container width to 1190px same as the page i am showing you!
At 1200px the author widget gets hidden first and then at 990px the table of contents widget gets hidden…

3. Last but not least is the area at the end of the page with the author info inside the articles content, is there any plugin to achieve the same functionality?

[David]

Hi there,

Try:
Container and Sidebar Padding: 10px
Separating Space: 20px
Sidebar widths: 20%
Container Width: 1210px
This CSS to remove the Sidebars at that different break points.

@media (max-width: 1200px) {
    #right-sidebar {
        display: none;
    }
}

@media (max-width: 990px) {
    #left-sidebar {
        display: none;
    }
    #primary {
        width: 100%;
        left: auto;
        right: auto;
    }
}

This plugin:

https://wordpress.org/plugins/simple-author-box/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

Thank you David! 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts