Footer Menu as colored box

[jupebox]

Right now, my footer is just a line of text links.

How do I make it look like the common ones – i.e., a colored box with a list of vertical links?

Examples are cnn.com, verizonwireless.com, etc.

[Prasant]

Hello @jupebox,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS to have colored background in footer:

footer.x-colophon.top {
    background-color: #fce369;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.