Ethos Footer menu

[abdurrehman]

Hi,

I’m trying to add bg to .x-colophon.bottom red and setting the height to 30px the contents don’t get fit, see here and the text is also not showing up. Can you have a look at this and please suggest some CSS to fix this?

URL in the notes.

Thanks

[rad]

Hi @abdurrehman,

Thanks for reaching out.

Please add it to your global custom CSS instead of the inspector’s stylesheet. And the text is also displaying on my end. And instead of height, just remove the spacing like this

.x-colophon.bottom {
    padding: 10px 0;
    background: red !important;
}
.x-colophon.bottom .x-colophon-content {
   color: #fff !important;
}

The 30px height is too small especially the content height is 57px in total.

Thanks!

[abdurrehman]

Ok. Thanks.

[rad]

You’re welcome!