Archived topic

CSS help for content width

7 replies · Started by Paul on January 18, 2021

Viewing posts 1–8 of 8

January 18, 2021 at 1:06 am #1623121

Hello,

I'm trying to change a single page to width of 1170px but I have some custom css which is causing me some problems.

This is the custom css I added previously which is in use on several pages -

body.no-sidebar .site.grid-container {max-width: 800px}

This css is over riding any other width settings, is there a way of changing this for a specific post?

I tried over riding with this but no joy.

.page-id-11465 body.no-sidebar .site.grid-container {
    max-width: 1170px!important;
}

Please advise

January 18, 2021 at 6:56 am #1623644

Hi there,

page-id-xxx classes are also a body class, so try:

body.page-id-11465  .site.grid-container {
    max-width: 1170px!important;
}

January 18, 2021 at 7:36 am #1623728

I'm actually using a post for this and have the following which is not working.

body.post-id-20044  .site.grid-container {
    max-width: 1170px!important;
}

Post URL has been added below.

January 18, 2021 at 7:58 am #1623765

Can you disable you cache plugin i can see why its not applying ?

January 18, 2021 at 7:59 am #1623767

Done

January 18, 2021 at 8:04 am #1623777

That link you provided is actually a post with a different ID - so the CSS for that would be:

body.postid-20044  .site.grid-container {
    max-width: 1170px!important;
}

January 18, 2021 at 8:06 am #1623783

Sorry about that - works perfectly now. Thanks

January 18, 2021 at 8:20 am #1623804

No problems - glad to be of help

This archived topic is closed to new replies.