Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 22, 2022 at 8:52 pm #1349181
    John

    I’m not sure why this happened, but when I updated to Enfold version 4.9.2, the first three columns of the footer stopped aligning with the 4th column. I tried going into footer.php, but I’m not sure what to update to realign the first three columns.

    April 23, 2022 at 8:52 am #1349193
    Rikard

    Hey John,

    Please try the following in Quick CSS under Enfold->General Styling:

    #footer #nav_menu-8, #footer #search-6 {
  margin-top: 0; 
}

    Best regards,
    Rikard

    April 25, 2022 at 4:39 pm #1349427
    John

    Hello,

    They line up now, but I wanted the padding above all the columns.

    April 25, 2022 at 5:59 pm #1349437
    Yigit

    Hi John,

    You have following custom CSS code

    #nav_menu-3, #nav_menu-4, #nav_menu-5, #search-4 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

    Please change it to following 

    #nav_menu-3, #nav_menu-4, #nav_menu-5, #search-4 {
  margin-bottom: 0px !important;
}

    Regards,
    Yigit

    April 26, 2022 at 7:55 pm #1349589
    John

    Where, in Quick CSS?

    April 27, 2022 at 5:52 am #1349603
    Nikko

    Hi John,

    Yes, you can put it in Quick CSS.

    Best regards,
    Nikko

    April 27, 2022 at 10:00 pm #1349708
    John

    I tried this and it didn’t work. It only gave top padding to the first 3 columns, but not the 4th (Company) Column and 5th, (Search) Column.

    April 28, 2022 at 5:39 am #1349728
    Nikko

    Hi John,

    The reason it does not work is because this code (most likely in Quick CSS) is preventing it from working:

    #footer #nav_menu-8, #footer #search-6 {
  margin-top: 0; 
}

    If you remove this code then it should work as it should.

    Best regards,
    Nikko

    April 28, 2022 at 2:03 pm #1349820
    John

    But still add this code?

    #nav_menu-3, #nav_menu-4, #nav_menu-5, #search-4 {
  margin-bottom: 0px !important;
}
    April 28, 2022 at 3:59 pm #1349833
    Rikard

    Hi,

    Please try adding this CSS as well:

    #footer .widget {
    padding-top: 20px;
}

    Best regards,
    Rikard

    April 28, 2022 at 4:02 pm #1349834
    John

    Add this?

    #nav_menu-3, #nav_menu-4, #nav_menu-5, #search-4 {
  margin-bottom: 0px !important;
}

    And this:

    #footer .widget {
    padding-top: 20px;
}

    And delete this?

    #footer #nav_menu-8, #footer #search-6 {
  margin-top: 0; 
}
    • This reply was modified 2 years, 3 months ago by John.
    April 28, 2022 at 4:29 pm #1349842
    Rikard

    Hi,

    No, just add what I posted last.

    Best regards,
    Rikard

    April 28, 2022 at 4:43 pm #1349845
    John

    That worked. Thank you! You can close this.

    April 28, 2022 at 5:03 pm #1349851
    Rikard

    Hi,

    Great, I’m glad that you got it working. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Footer Columns not aligned since last update’ is closed to new replies.