SAP Marketing Cloud: Custom CSS on Landing Pages

[former_member558862]

I am currently setting up a landing page in the Content Studio. I would like to embed some "sticky" footer - so it should always be on the bottom of the page.

For the page I defined some custom CSS class like:

.customStickyFooter {
    position: absolute !important;
    min-width: 650px !important;
    bottom: 0 !important;
}

Then I wanted to assign that custom class to the footer row element:

However, I can't add the custom class I defined to the custom CSS part of the footer row as in the picture above. Is there any chance to apply it in some other way? I'm not sure what the custom CSS part in the row element accepts.

Since the row element contains only the LayoutRow class, I can't add the properties to that class (in the page CSS). This would then also affect the other rows. I really only want to apply the CSS to that element...

Thanks for helping out.

[Arne_Manthey · Accepted solution]

Hi,

I tried it and just by adding your class (without the dot) in the row CSS field I could see that it is effective.

However you have to be very careful with these kind of manipulations that affect the entire page. As you can see below it sticks to the bottom of the entire UI. You'll need to do some more experimenting 😉

Regards,

Arne