CSS Padding Conditional Rule
User
.new-page-design-class .main-container .row-container .row-parent {
padding: 0 !important;
}
prevent above if .row-cotainer.row-parent is under .site-footer div
padding: 0 !important;
}
prevent above if .row-cotainer.row-parent is under .site-footer div
Assistant
To prevent the padding from being applied to `.row-parent` when it is inside `.site-footer`, you can use a more specific CSS selector that negates the padding rule if the `.row-container.row-parent` is a child of `.site-footer`. You can achieve this by utilizing the `:not()` pseudo-class in your CSS. Here's how you can modify your CSS:
.new-page-design-class .main-container .row-container.row-parent:not(.site-footer .row-container.row-parent) {
padding: 0 !important;
}### Explanation:
– The `:not()` selector excludes any `.row-container.row-parent` that is a descendant of `.site-footer`, ensuring that the padding rule is not applied in that case.
– This way, padding will be set to `0` only for `.row-container.row-parent` that is not within `.site-footer`.
Make sure to test this in your environment to confirm it works as expected!