Search field placeholder and Search Submit Button not aligned

  • Resolved EstherCoach

    (@esthercoach)


    6 years, 12 months ago

    Hi!

    I have noticed that the fields mentioned in the subject are not aligned, the button shows about one pixel below the placeholder. This happens in any not found page.

    Is it possible to correct this? How?

    Thanks!
    Esther

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

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi,

    Please try this CSS code to fix the issue:

    .error404 input[type="submit"] {
    top: -3px;
}

    You can put the code into Customize > additional CSS

    Thread Starter EstherCoach

    (@esthercoach)

    Thanks @awanrmb!
    It works!

    Thread Starter EstherCoach

    (@esthercoach)

    Hello again!
    I’m re-opening this thread because I have noticed that the solution works on all 404 pages except for the blog one.

    https://www.ignaciomincholed.es/blog/

    Is there anything extra I should do? (aside from writing a post of course. My customer is sooooooooooooo particular…).

    Thanks in advance
    ESther

    Oh, okay. Replace the code in above with this please:

    .error404 input[type="submit"], .blog .not-found input[type="submit"] {
    top: -3px;
}
    Thread Starter EstherCoach

    (@esthercoach)

    Hi again @awanrmb,
    just to make sure, this code will then apply to all placeholders, right? Not only to the blog one when there is no posts yet published, am I correct?

    Just want to verify, bc if I must choose between one or the other, I choose the previous one, it will be more likely to appear.

    Thanks again!

    Hi,

    The code will work on both pages, error404 page, and blog page ??

    Thread Starter EstherCoach

    (@esthercoach)

    ah! great!
    thanks again!
    closing thread.
    Have a great day
    Esther

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Search field placeholder and Search Submit Button not aligned’ is closed to new replies.