Displaying a light weight font in the search results

[kamaltyagiParticipant]

In the ‘Typography’ tab of the ‘Theme options’ section, you provide options for to display text in ‘Normal’ or ‘Bold’. My standard typographical system on my site used a light weight font face (300 weight). So, I was wondering if there is any css snipet or other means I could apply to enable the text in the results panels to appear in light. Specially, the ‘Results title link font’ and ‘Show more results’ I would like to adjust first and foremost.

Thanks again for your kind attention.

[Ernest MarcinkoKeymaster]

Hi!

In case you want to apply it for every font regarding ajax search pro, use this custom CSS:

.ajaxsearchpro, .ajaxsearchpro * {
    font-weight: 300 !important;
}

If you need it only for specific elements, let me know, and I will forge a different custom CSS for you.

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

[kamaltyagiParticipant]

I tested the CSS you sent and it works, but I would like CSS specifically to change the ‘Results title link font’ and ‘Show more results’ text.

Thanks for your time.

[Ernest MarcinkoKeymaster]

Hi,

In that case, you only need this one:

a.asp_res_url, p.showmore, p.showmore * {
    font-weight: 300 !important;
}

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

[kamaltyagiParticipant]

Yes, this worked perfectly.

Please go ahead and close the ticket. I don’t think now I will need any other particular texts in light.

Much appreciated.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts