Ajax Search Pro and Night Mode

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Ajax Search Pro and Night Mode

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #46749
    Teun
    Teun
    Participant

    Hi Support,

    When I enable Night Mode on my website, Ajax Search Pro does not switch into Night Mode, everything remains white so the title of the search results cannot be read. Can you please help me with this so that Ajax Search Pro also works in Night Mode? I would be very happy if Night Mode works as shown on your documentation website: https://documentation.ajaxsearchpro.com

    Kind regards,
    Teun van der Plas

    Attachments:
    You must be logged in to view attached files.
    #46753
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    I’m afraid there is no such thing as “night mode” within the plugin. Night mode designs are usually custom coded via custom CSS for every single use case as they all work differently.

    I have looked at your case, and put together a baseline custom CSS which should mostly do the trick:

    .jnews-dark-mode .asp_m,
    .jnews-dark-mode .asp_s,
    .jnews-dark-mode .asp_r,
    .jnews-dark-mode .asp_r .item {
        background: #1a1a1a !important;
        border: 1px solid #303030 !important;
        box-shadow: none !important;
    }
    
    .jnews-dark-mode .probox svg {
        fill: #9E9E9E !important;
    }
    
    .jnews-dark-mode .asp_loader>div {
        border: 4px solid #9E9E9E !important;
        border-right-color: transparent !important;
    }
    
    .jnews-dark-mode .asp_r .asp_res_text {
        color: #9E9E9E;
    }
    
    .jnews-dark-mode .asp_r .asp_showmore {
        background: #1a1a1a !important;
    }
    
    .jnews-dark-mode .asp_s legend,
    .jnews-dark-mode .asp_s .asp_option_label {
        color: white !important;
    }
    
    .jnews-dark-mode .asp_m .probox .orig,
    .jnews-dark-mode .asp_m .probox .orig::placeholder {
        color: white !important;
    }
    
    .jnews-dark-mode .asp_m .prosettings,
    .jnews-dark-mode .asp_m .promagnifier {
        box-shadow: none !important;
    }

    This is a bit beyond of regular support, so I can’t guarantee anything, but it should be very close to the optimal solution.

    Best,
    Ernest Marcinko

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


    #46754
    Teun
    Teun
    Participant

    Dear Support,
    Tremendous thanks for the help. It works perfectly. I am very grateful to you.
    Kind regards,
    Teun van der Plas

    #46755
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    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)

You must be logged in to reply to this topic.