Center text and icons

  • Resolved epicjono

    (@epicjono)


    3 years, 6 months ago

    Hello. I made the search bar taller for aesthetic purposes, but now the content inside the container (search text, close icon, search icon) is all not aligned properly. The top padding seems to be fixed, but I’d like to make it so that I can change the height of the container and the content inside keeps the same padding on the top and the bottom (a.k.a. it’s centered vertically).
    Thank you!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi,

    Try these to increase the height and keep the items centered:

    div.asl_m {
    height: 60px !important;
}

.probox {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100% !important;
}

    Best,
    Ernest M.

    Thread Starter epicjono

    (@epicjono)

    Worked again. Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Center text and icons’ is closed to new replies.

Tags