Making my footer menu horizontal

  • Unknown's avatar
    kvangeete · Member ·

    Hello all, I’m very new to WP and CSS, very basic knowledge of html.

    I want to make my footer menu horizontal, using the Dara Theme. But not sure where to start on the css! Can anyone guide me through it?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    skobraf · Member ·

    Hi

    To make the footer menu horizontal, you will need to make some CSS changes and you have to be familiar where to make these changes.

    adding these lines of codes will make your footer horizontal and center in the bottom:

    First 

    .footer-widget-area .widget:not(.widget_text) ul > li {
    border-top: 1px solid #e5e5e5;
    display: inline-block;
    padding: 20px;
}
'
<strong>Second</strong>:

    .footer-widget-area .widget-area:nth-child(1):nth-last-child(2) {
    margin-right: 6%;
    width: 100%;
    } 

    <strong>Third</strong>:

    .widget:not(.widget_text) ul{
    list-style: none;
    margin: 0;
    text-align: center;
    }
    `
    Here is the guide on how to add custom CSS:
    https://en.support.wordpress.com/custom-design/editing-css/

    If you need further help on how to implement these changes please let us know

    Regards,
    Skobraf

  • Unknown's avatar
    skobraf · Member ·

    Hi

    To make the footer menu horizontal, you will need to make some CSS changes and you have to be familiar where to make these changes.

    adding these lines of codes will make your footer horizontal and center in the bottom:

    First

    .footer-widget-area .widget:not(.widget_text) ul > li {
    border-top: 1px solid #e5e5e5;
    display: inline-block;
    padding: 20px;
}

    Second 

    .footer-widget-area .widget-area:nth-child(1):nth-last-child(2) {
margin-right: 6%;
width: 100%;
}

    Third

    .widget:not(.widget_text) ul{
list-style: none;
margin: 0;
text-align: center;
}

    Here is the guide on how to add custom CSS:
    https://en.support.wordpress.com/custom-design/editing-css/

    If you need further help on how to implement these changes please let us know

    Regards,
    Skobraf

  • The topic ‘Making my footer menu horizontal’ is closed to new replies.