[Resolved] Changing content/sidebar width on a single page

[Sue]

I’m working on a website for someone who uses a super annoying form by “Wufoo” which somehow conflicts with GP and causes the content/sidebar area to be squished together. I’ve tried adding CSS for that page only to make the sidebar wider so it goes off to the right more (similar as to how it is on other pages of the site), but nothing’s working yet. Is there some custom css I can add to do this? I added
.page-id-12 .inside-article {
padding: 15px 170px 40px 40px;
}
.page-id-12 .inside-right-sidebar {
padding: 5px 0px 40px 0px;
}
and it helped a bit, but it still looks squished.

[David]

Hi there,

ooh that is super annoying…
Try this brute force approach lol:

@media (max-width: 768px) {
    .page-id-12 #primary {
        min-width: 100vw;
    }
}

@media (min-width: 769px) {
    .page-id-12 #primary {
        min-width: 700px;
    }
}

@media (min-width: 1150px) {
    .page-id-12 #primary {
        min-width: 862px;
    }
}

[Sue]

That worked! Thanks!!

[David]

You’re welcome

[Author]

Posts