How to stop page and element css from breaking footer

[gwinc]

How can I stop my page css and/or element css adjustments from effecting my footer css for that page?

[ruenel]

Hello @gwinc,

Thanks for writing in!

Do you have same elements added to the content and the footer area? If that is the case, instead of using a custom CSS like this:

.my-element-class {
    /* styling CSS here */
}

You will have to use this:

.cs-content .my-element-class {
    /* styling CSS here */
}

And this CSS will only be applied to those elements inside the content area.

Best Regards.