Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 5, 2018 at 12:44 am #1018078
    prana_aok

    Hi,
    My site is: http://www.emode.lk
    This site’s footer is : http://prntscr.com/l2bf0p
    Which have one row and four columns.

    What i want exactly is to have another row below this four columns.
    Reason: here you can see some logos below each columns, but these all are one whole set of logos should come to gather with a heading like others have.
    Since i couldn’t add another row i did this just to get something.
    Problem: When it comes to mobile view each columns are displayed one after the other, so that all these logos getting braked into units and going below each columns.

    How do i achieve one more row below these columns to have all those logos added into same line with a unique gap in between each of them.

    October 6, 2018 at 5:20 am #1018382
    Rikard

    Hey prana_aok,

    That is not possible with the regular footer, but there is new functionality in the theme which allows you to use a page as a footer instead. You would design the footer in a page, then set that page to display as the footer under Enfold->Footer->Select page. Please try that out :-)

    Best regards,
    Rikard

    October 6, 2018 at 11:08 pm #1018579
    prana_aok

    Thank you, but i achieved this is different way.

    http://prntscr.com/l30mgr
    Please check this screen shot of my footer in https://www.emode.lk
    You can see area mentioned in red is not used and taking extra space.
    How to remove this extra space and bring elements closer.

    October 8, 2018 at 6:13 am #1018792
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #footer #text-7 {
    margin: 0;
}

    Best regards,
    Rikard

    October 12, 2018 at 3:38 pm #1020725
    prana_aok

    This didn’t help a lot,
    I think column 2 which is “OFFICE” http://prntscr.com/l5aqls is giving the bottom space http://prntscr.com/l5apzl
    can you give a code to reduce this.

    October 13, 2018 at 8:14 am #1020983
    Rikard

    Hi,

    Please try this instead:

    #footer .widget {
    margin: 30px 0 0 0 !important;
}

    Best regards,
    Rikard

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