Center magnifier icon with pre-set text

[GV54]

Hi,
Please,help to center vertically at one line (at screenshots):
magnifier icon + pre-set text + search field cursor and entering search request.
It inserted into a main WP classic menu with CustomLink: # + [wd_asp id=1].
Will be nice to stand-out the left magnifier icon outside from a search prompt line and center them together.
What I need displayed at “center_NEED” image.

• This topic was modified 6 years ago by GV54.

[GV54]

You cannot access this content.

[Ernest Marcinko]

Hi,

The container alignment is inherent, so this might require some custom CSS to resolve, but that depends on the exact implementation. The plugin follows the aligment as defined by the theme stylesheets.

If there is no URL I can check this, then I would suggest experimenting with the following custom CSS:

.asp_m {
    display: inline-block !important;
    vertical-align: middle;
}

..also, adjusting top margins is a nice trick to get it right:

.asp_m {
     margin-top: 12px !important;
}

You can also use negative values (ex. -10px) here, if you want to push it up.

[Author]

Posts