Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 23, 2017 at 4:24 pm #843142
    Dante00

    Hello,
    I am trying to add, under all three columns in the footer widget, a small line with images with logos.

    I have figured out that by creating four column footer and adding a custom code, I can move the fourth column below:

    #footer .flex_column:nth-child(4) {
    width: 100%;
    margin: 0;
    color: grey;
}

    However, I have got no clue how to make the images show side-by-side, rather than under each other.

    Also, when I use the code above, there is an empty space on the right hand side (the three columns above take 3/4 of space, not the full space). Can I correct it somehow?

    All help would be appreciated.

    • This topic was modified 7 years, 3 months ago by Dante00.
    August 25, 2017 at 4:56 pm #844062
    Nikko

    Hey Dante00,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #footer .flex_column:nth-child(2) {
    width: 45%;
}

#footer .flex_column .widget_media_image {
    float: left;
    clear: none;
}

    Include the code you posted above, you would probably need to tweak the css a bit. Hope this helps :)

    Best regards,
    Nikko

    August 27, 2017 at 4:48 pm #844541
    Dante00

    Awesome, thank you. Using you code, I have simplified the solution a bit, by adding the images to the first column and getting rid of the fourth column.

    August 28, 2017 at 12:58 am #844595
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Images in the footer one row, not in a column’ is closed to new replies.