Archived topic

underline footer titles

3 replies · Started by Patrick on April 14, 2020

Viewing posts 1–4 of 4

April 14, 2020 at 12:27 pm #1239125

Hi,

I'd like to create an effect in the footer where the widget titles have a solid colored line under the title. I know that may not be clear so the website url I'm including is of a site that does what I'm looking to achieve. (the yellow lines in the footer)

Thanks.

April 14, 2020 at 4:17 pm #1239285

Hi there,

try adding this CSS:

.footer-widgets .widget-title {
    display: inline;
    border-bottom: 1px solid #eb9812;
    /* Add space between title and border */
    padding-bottom: 5px;
}

April 14, 2020 at 4:20 pm #1239288

Great...thanks!

April 14, 2020 at 4:44 pm #1239311

You're welcome

This archived topic is closed to new replies.

Start building better websites today.