Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1038903

    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.

    #1039308

    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;
    }
    

    Image 2018-11-30 at 14.22.29.png

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1353578

    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

    #1353593

    Hi Arantza,

    Please post a link to where we can see the widget in question.

    Best regards,
    Rikard

    #1353601

    Hi Rikard,
    the page is not published yet. But I can send you a picture. Footer
    The line should be left from Adress-Block.
    Thank you
    Arantza

    #1353651

    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

    #1353737

    It works!
    Thank you :)
    Arantza

    #1353786

    Hi,

    Great, I’m glad that Nikko could help you out.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.