Remove 'play' icon from posts using tutorial template without a video

[eclatcrewberlin]

Hello again,
Thank you so much for all your help with this theme.
I know of course that you do not help with customisations, so if you’re unable to help me with this I totally understand. However, I have some posts that I would like to use the ‘tutorial’ layout for but without a featured video (see http://www.eclatcrew.com/eclat-part-24/). On these individual pages I would like to be able to remove the ‘play’ icon. Are you able to help me with this at all?
Thanks again,
Ivy

[themes2go]

Hello Ivy!
I can help you with a tip, but I’m not sure if this could be the result you’re looking for. You need to add some specific CSS code to your tutorials posts.

1. First of all, you have to enable WP Bakery Page Builder for posts.
Go to WP Bakery Page Builder -> Role Manager -> Post types and set the field to custom. Then check Posts.
Save it.

https://imgur.com/NTm0PNN

2. On your post you want to get rid of the play button, switch to Page Builder mode by clicking the blue button Backend Editor on the top left of the page.

https://imgur.com/a/CKIUgdA

3. Click on the gear located on the top right of the row and paste this CSS snippet:

.qt-pageheader .qt-video-placeholder .qt-container .qt-thevideoholder .qt-playbtn {
    display:none;
}

https://imgur.com/7dWJbq7

4. Publish or Update your post (consider that preview could not apply this kind of edit).

This will remove the play button for those post you need, not all.
Obviously, when scrolled, on the top of the sidebar you will have an empty space.

Try this and keep me posted if it works for you.
Best,

Andrea

[eclatcrewberlin]

Hi there Andrea,
This has worked perfectly, thank you so much for your help! I really appreciate this.
Best,

Ivy

[eclatcrewberlin]

Hi there Andrea,
I’m afraid to say that after the first post where it worked, two subsequent posts have not worked in the same way. I’d love to hear your thoughts on that? It seemed to work and then didn’t, I’m afraid, and I’m not sure where I’m going wrong.

http://www.eclatcrew.com/eclat-part-15/

http://www.eclatcrew.com/eclat-part-21/

[themes2go]

Hi Ivy,
I’ve just checked your source code and the CSS snippet I’ve provided you is missing in your posts:

http://www.eclatcrew.com/eclat-part-15/

http://www.eclatcrew.com/eclat-part-21/

Please make a double check if the CSS is correctly added in the two posts mentioned above.

Then as said on the other topic, deactivate all the unbundled plugins and test again: From your source code I see there is a third party plugin that could interfere with the theme. It should be this: https://wordpress.org/plugins/content-views-query-and-display-post-page/

Keep me posted on this,
Andrea

[eclatcrewberlin]

Hi there Andrea,
Thanks again for your continued support with this.
I have checked on these pages, and both are indicating that they have the CSS added.

I’ve added the CSS Snippet in the way you’ve described to another post below (I figured I should start with a fresh one for clarity’s sake), and I have also deactivated the Content Views plugin, and I appear to still be having issues:
https://www.eclatcrew.com/eclat-part-11/

Let me know if there’s anything else I should try.
Best,
Ivy

[themes2go]

Hi Ivy,
I’ve checked again your source code and the snippet code is missing.
https://imgur.com/xzhmn0x

At this point I think that the issue could be something related with page cache.
Do you have any caching plugin activated on your website? If so, try to deactivate them and check again.

Then, try to create a new post and paste the same css snippet I’ve provided you. Publish the page and check if this works.

Thanks,
Andrea

• This reply was modified 5 years, 3 months ago by themes2go.