Center magnifier icon with pre-set text

[GV54Participant]

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 3 years, 6 months ago by  GV54.

Attachments:

You must be logged in to view attached files.

[GV54Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

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.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts