Widgets not aligned in the site footer

  • Resolved elisaschram

    (@elisaschram)


    11 months, 3 weeks ago

    Hello, I have two widgets in my site footer. One being Contact information and the other Mailerlite’s Newsletter sign up form. The titles of the two are not aligned. The Newsletter widget sits lower on the page. My theme’s, Minimalist blogger, support team won’t help since I’m not paying for the theme. So that’s why I’m asking here. Does anyone have a solution for this?

    A sidenote: I would also like to change the typography for both these widgets so it will look the same. Any recommendations of a plugin to do that?

    Thank you very much!

    Elísa

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter elisaschram

    (@elisaschram)

    I got a response from Superb Themes saying that ,,?this seems to be caused by some custom coding you have on your site, or a plugin.“ I have a lot of plugins and custom coding so that answer didn’t help me much.

    The reason for this issue is Mailerlite’s newsletter form. This comes with its own styles, which means that the form has a gap at the top and looks different in general.

    A quick solution could be:

    body .ml-form-embedBody.ml-form-embedBodyHorizontal.row-form {
    padding: 0 !important;
    }

    However, the title of the form is then still not in line with the title to the left of it. The reason for this is the line height of the heading in the newsletter form. You should be able to adjust this as follows:

    body .ml-form-embedBody.ml-form-embedBodyHorizontal.row-form h4 {
    line-height: 1
    }

    Add both under Appeareance > Customizer > Additional CSS.

    Thread Starter elisaschram

    (@elisaschram)

    Putting in these two codes worked. Thanks a lot! I really appreciate it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Widgets not aligned in the site footer’ is closed to new replies.