Archived topic

Float body content left with Sider preset

5 replies · Started by Seth on May 20, 2020

Viewing posts 1–6 of 6

May 20, 2020 at 6:53 pm #1294631

Hi there,

Love the new Sider preset, it's just what I needed for my new site. However, I am running into an issue where I can't seem to make the body content float to the left. It is centered and moves around when I change my window size. I'd like it to float on the left and stay there.

Thanks for the assistance.

May 20, 2020 at 8:25 pm #1294686

Hi there,

Not sure if I fully understand. Have you figured this out?

I just checked the site and the content is on the left side:
https://www.screencast.com/t/NI3wO3N9

Let me know :)

May 20, 2020 at 9:35 pm #1294750

I have pushed the content over some using padding, but it is still not where I want it and instead floating in the center of the page. You can see this behavior if you expand and reduce the window size. I'd like it to not float in the center of the page, and instead stick to the left. Is this possible?

May 21, 2020 at 2:43 am #1295052

Hi there,

if you want to move it more over to the left then go to Customizer > Additional CSS and look for this:

.no-sidebar:not(.archive):not(.blog) .inside-article>*,
.no-sidebar:not(.archive):not(.blog) #comments,
.no-sidebar:not(.archive):not(.blog) .paging-navigation {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Try increasing the max-width: 700px to max-width: 800px;

May 21, 2020 at 10:26 am #1295738

Thank you for that fix!

May 21, 2020 at 3:43 pm #1296027

You're welcome

This archived topic is closed to new replies.

Start building better websites today.