Tagged: Footer widgets
Hello, I would like to add vertical separator lines between the Footer Widgets on this website:
I can add a border around them, but that is not the appearance I am after – I simply want some form of consistent separation between the footer widgets.
Hey DJ,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#footer .flex_column.av_one_fourth {
border-right: 1px solid #fff;
}
#footer .flex_column.av_one_fourth:last-child {
border-right: none;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi there!
Is it possible to add a vertical separator to just one of the widgets??? (like on the picture above)
With the code you gave I get a line between every widget.
Thank you and best regards
Arantza
Hi Arantza,
Please post a link to where we can see the widget in question.
Best regards,
Rikard
Hi Rikard,
the page is not published yet. But I can send you a picture.
The line should be left from Adress-Block.
Thank you
Arantza
Hi Arantza,
You can use this CSS code, this code applies to the 2nd column (just change 2 to other number if you want to target other columns):
#footer .flex_column.av_one_fourth:nth-child(2) {
border-right: 1px solid #fff;
padding-right: 20px;
}
Hope this helps.
Best regards,
Nikko
It works!
Thank you :)
Arantza