[Resolved] Suppress element without shortcode

[maria]

I’d like to show a specific plugin everywhere on the site except the blog. I know how to do this for plugins that have a shortcode (i.e. using the GP Elements feature), but is it also possible to do this for plugins that don’t?

[Leo]

Hi there,

I’m not exactly sure what you mean.

Could we use CSS to hide that on a specific page?

Can you guide me to the element you are referring to in your site?

Let me know 🙂

[maria]

I’d like to suppress the Call & Book mobile bar in the blog section of the site. Most of the visitors to the blog are not local, so it doesn’t make sense for them to see the Call & Book mobile bar. It’s an older plugin that doesn’t have a shortcode.

[Leo]

Where is the Call & Book mobile bar on your blog page?

I checked our blog page but don’t see it.

[maria]

It only appears when viewing the website from a mobile device. Here is a screen shot.

[David]

Hi there,

try adding this CSS:

body.blog #callbook {
    display: none !important;
}

[maria]

Thanks! I was able to get this code to work for the Blog landing page, but not for individual blog posts. Am I using the wrong setting under Elements?

[Leo]

David’s CSS is targeting blog page only.

You can try this to target the blog page and single posts:

body.blog #callbook, body.single #callbook {
    display: none !important;
}

[maria]

That worked, thanks so much!

[Leo]

No problem 🙂

[Author]

Posts