Edit ASP CSS: fonts, close box, slider

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Edit ASP CSS: fonts, close box, slider

This topic contains 3 replies, has 2 voices, and was last updated by

 
Keymaster
5 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #9974

    Participant

    Hi,

    I’ve been searching this, unfortunately haven’t found anything: is there a safe way to change/edit the following CSS properties of Ajax Search Pro

    • Add custom CSS fonts (not Google fonts) to search result dropdown
    • change look and/or colour of the search result dropdown slider
    • change the search result close button (icon used, colours)
    • change distance between search input and search result dropdown

    TIA!

    Phil

    #9994

    Hi Phil!

    Instead of changing the plugin files, I rather suggest using custom CSS codes, as it will last beyond an update.
    I will try to construct the custom CSS codes for each case.

    1. Custom fonts for results:

    div[id*='ajaxsearchprores'],
    div[id*='ajaxsearchprores'] * {
        font-family: whatever-font !important;
    }

    Replace the whatever-font with the one you need, it will apply on all of the elements on the results box.

    2. There is actually an option for that: https://i.imgur.com/ry6Z9Y5.png

    3. The close icon is not changeable, but you can change it’s color with a custom CSS:

    .probox .proclose svg {
        background: red !important;
    }

    4. It’s calculated automatically, but with a top margin you can “cheat” the distance, for example to bring it closer:

    div[id*='ajaxsearchprores']  {
        margin-top: -40px !important;
    }

    I hope these help!

    Best,
    Ernest Marcinko

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


    #9995

    Participant

    Brilliant, thanks Ernest!

    #10051
    You cannot access this content. Best,
    Ernest Marcinko

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


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

The topic ‘Edit ASP CSS: fonts, close box, slider’ is closed to new replies.