Hiding one widget but not another

[kamaltyagiParticipant]

I have another query.

Previous you gave me this CSS to hide my absolute position compact box search widget from a particular page:

.asp-try, .ajaxsearchpro, .wpdreams_asp_sc {
display: none !important;
}

On this page I want to hide it, my home page, I want to display another ajax search widget down near the bottom of the site, but although I put in the shortcode on the site, the above CSS blocks both my pinned widget for my header (on all other pages) and this widget I do want to display on my homepage.

Is there a CSS snipet to just block the display of my header widget but not all ajax widgets from a particular page?

Thanks for your attention in this regard.

[Ernest MarcinkoKeymaster]

Hi,

The problem with that custom CSS you pasted is that it will hide all froms on every page. It needs a bit tweaking to hide the header on the front-page, but not on the other ones:

.page-id-14159 .asp-try-8, .page-id-14159 .wpdreams_asp_sc-8 {
    display: none !important;
}

This will hide the header search instance on the front page only.

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

[kamaltyagiParticipant]

Great. That worked perfect.

Thanks again for your kind attention.

[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