Docs

[pjayd]

Hi there – I have three footer widget areas, and within two of those widget areas, I want to create tables without borders and with center content.

This is the live site (see footer): http://www.corporate.elviramaryvideographers.com/

Attached is a screenshot of what I would like Footer 1 and Footer 3 widget areas to look like. I have been able to add html to create the table with the text and images for the 1st footer area, but I can’t seem to get rid of the borders or center the text and images.

Your help would be greatly appreciated!!!

Thanks.

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS

table th, table td, .textwidget {
    text-align: center;
}

Hope that helps. 🙂

[pjayd]

Yes that worked thank you! Is there a way to get rid of the borders around my table in the footer? And change the color of “Our Services” “weddings” and “corporate” all to white?

Thanks!

[Rahul]

Hey there,

Try this custom css :

table th, table td {
    border-top: 0px;
}

Thanks

[pjayd]

Perfect!! Worked great. Is there a way to change the color of the font in the footer alone?

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top .textwidget {
    color: #000 !important;
}

footer.x-colophon.top a {
    color: #000 !important;
}

Thanks.

[pjayd]

Thank you!

[Joao]

You are welcome 🙂

[Author]

Posts