Reply To: search text, Magnifier & loading icon responsiveness

Home Forums Product Support Forums Ajax Search Pro for WordPress Support search text, Magnifier & loading icon responsiveness Reply To: search text, Magnifier & loading icon responsiveness

#15277

Ernest Marcinko
Keymaster

Hi!

Yes, unfortunately that is affected as well. From what I can see, it is the fixed margin that causes the problem. This should resolve it:

.asp_ball-pulse>div {
    margin: 0 !important;
    margin-top: 40% !important;
    margin-left: 10% !important;
}

If you prefer to use the browser scrollbar, then you can turn off this one under the Compatibility Options submenu: https://i.imgur.com/HjghyFM.png
This way the browser scroll bar will be used.

If you prefer to use the custom scrollbar script, there are no style options on the back-end, but it is possible to change the colors with custom CSS. I have made a few sample CSS rules, all you need to do is change the colors to your needs.

Dragger rail background color:

.mCSBap_draggerContainer .mCSBap_draggerRail {
    background: #ffff61 !important;
}

Dragger bar background color:

.mCSBap_draggerContainer .mCSBap_dragger_bar {
    background: #ff6767 !important;
    box-shadow: none !important;
}

Scroll Down button:

.mCSBap_buttonDown {
    border-color: rgb(0, 187, 142) transparent transparent transparent !important;
}

Scroll up button

.mCSBap_buttonUp {
    border-color: transparent transparent rgb(0, 187, 142) transparent !important;
}

I hope this helps!

Best,
Ernest Marcinko

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