Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 4, 2021 at 7:55 pm #1285509
    BrendanG

    Hi there, I want to remove the padding on the main element for some pages – specifically pages with a slider. I added the CSS code

    div.container main {
    padding: 0 !important;
    }

    But this removes the padding for all the pages – which isn’t what I want. How can I only remove the padding from certain pages?

    March 5, 2021 at 8:44 am #1285630
    Victoria

    Hey BrendanG,

    You can use the page-id class. Here is where you can find it:
    Screenshot 2021-03-05 at 08.43.14

    and so the code will look like this:

    
.page-id-xxx div.container main {
    padding: 0 !important;
}

    Best regards,
    Victoria

    March 8, 2021 at 7:56 pm #1286537
    BrendanG

    Awesome! Thank you! You can close this ticket. :)

    March 9, 2021 at 2:17 am #1286593
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Selectively remove main padding’ is closed to new replies.