Styling Question

Hi,

Well, you should definitely use the additional CSS field for using custom CSS. Either the one on our plugin options, or use your theme custom CSS field – it should not matter.

If the custom CSS didn’t work, then the issue is probaby the custom CSS itself. The plugin uses highly specific CSS rules, so they don’t get easily overwritten by basic styles. If you define some custom rules, try the !important modifier as well, to make sure they are effective.
Let me know what custom CSS you have and I will take a look if you want to.

Best,
Ernest M.

Hi Ernest,
thanks for your support. It woul be great if you can take a look. Because i’m not the CSS specialist… Here are the custom CSS rule i’m using in your Plugin:

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
font-family: "Raleway", Sans-serif !important;
font-size: 20px !important;
font-weight: 300 !important;
}
#ajaxsearchliteres1 .asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
font-family: "Raleway", Sans-serif !important;
font-size: 20px !important;
font-weight: 300 !important;
padding: 14px 3px 17px 10px;
}

I have tried to add additional CSS for the two classes mentioned above – some extra padding and font sizes in the result list – but that didn’t work. Here is what i added:

.asl_content {
    overflow: hidden;
    height: auto;
    background: transparent;
    margin: 0;
    padding: 3px 3px 3px 3px;
}
.asl_desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 10px 10px 88px;
}

Bye – Rainer

Hi Ernest,

i think i’ve solved it. After some trial and error i finally found the correct CSS rules for my styling problem. Thank you again for your help – it showed me the right way.

Best
Rainer

That is great ??

I will mark this as resolved then.

Feel free to rate the plugin if you like it, it is greatly appreciated.

Best,
Ernest M.