Center magnifier icon with pre-set text

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Center magnifier icon with pre-set text

This topic contains 2 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 2 years, 4 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27398
    GV54
    GV54
    Participant

    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 2 years, 4 months ago by GV54 GV54.
    Attachments:
    You must be logged in to view attached files.
    #27406
    GV54
    GV54
    Participant
    You cannot access this content.
    #27415
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.