Page specific CSS rules - page wrap content-wrapper & margin


I would like to change the page wrap and row margin targeting a specific page on my website, I have been able to make specific changes on that page using the following code in custom CSS plugin:

Then I add the custom CSS class, although it’s seems to be working for some rules and not for others. I am able to make the changes with the generic rules but I need this changes to be specific to that page.

For now I have tried unsuccessfully a few combinations per example: .page-wrap .content-wrapper { padding-top: 0px !important;
padding-bottom: 0px !important;}

Can you help ?


Hi there,
According to your sample CSS code in above, please try the following code instead:

.page-id-1098 .container.content-wrapper {
    padding: 0 !important;

it works fine now! I have tried a close version of this code before but I must have got something wrong. Thanks so much Awan :slight_smile: