Okay
  Public Ticket #2012155
Adding dividing lines in the footer
Closed

Comments

  •  13
    IdeoPhil started the conversation
    May 15, 2019 at 2:54pm

    Hi there, 


    Is there anyway of adding vertical dividing lines between each footer column, like the attached screen shot?


    Can you also let me know how to reduce the spacing between the footer content and the copyright information below it?

  •  75
    Scott replied
    May 15, 2019 at 3:31pm

    Hey there,

    Thanks for reaching in,

    Please try this CSS here: Salient > General Settings > CSS/Script Related > Custom CSS Code

    #footer-outer .span_3 .widget:last-child {
    border-left: #000 1px solid;
    padding: 7px;
}

    Regards

    Themenectar Support Team

  •  13
    IdeoPhil replied
    May 16, 2019 at 10:54am

    Thanks Scott,

    Is there anyway of removing the vertical line from the far left column?


    Can you also let me know how to reduce the spacing between the footer content and the copyright information below it?

  •  8,994
    Tahir replied
    May 16, 2019 at 10:39pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    #footer-outer .span_3:first-child .widget:last-child {
    border-left: none !important;
}
@media only screen and (min-width: 1000px) {
    #footer-outer .row {
        padding-top: 15px !important;
        padding-bottom: 5px !important;
    }
    #footer-outer #copyright {
        padding: 10px 0px !important;
    }
}

    Thanks

    ThemeNectar Support Team