Modal pop up – page article

Posted in: Newspaper
Post count: 111

Hi Tagdiv team,

If you go to this page https://www.captainforest.com/test-are-bioplastics-better-than-plastics/

and then click on the modal button “I’m in!” at the top of the page inside the purple banner (subscribe to our newsletter), it will open a pop up with a form to subscribe to the newsletter. Fine.

If you scroll down inside the pop up page subscribe to our newsletter you will see “related articles”. Normally there shouldn’t be “see related articles” + links to the articles in that pop up page… do you know how I can remove it ?

Thank you.
Best,
Lamiaa

Post count: 27744

Hello,

This block comes from jetpack -> https://jetpack.com/support/related-posts/ so please check the settings.

Thank you!

Post count: 111

Thank you for sharing the link; it’s very helpful. I’m looking to keep the related articles on the post pages but not in the pop-up modal. Do you know how I can disable the related posts element specifically within the pop-up modal?

It seems that the issue might be related to the modal element being placed on a post page that includes related posts. If the modal were on a standard page without related posts element, they wouldn’t appear in the pop-up page.

Is there a way to hide the related posts element in the pop-up modal while still displaying the related posts elements on the post page?

Post count: 27744

Hello,

Please use this code and check if it works .tdm-popup-modal .jp-relatedposts
{
display: none!important;
}

But please note that you have a block with the related posts from the theme, so you can disable the option -> https://i.imgur.com/FL1pUG9.png
Set the code in Theme panel>Custom code>Custom css

Thank you!

Post count: 111

Thank you very much for the code.

I used this code but it didn’t work:

.tdm-popup-modal .jp-relatedposts
{
display:none!important;
}

Then I added <style> and used this one :

<style>
.tdm-popup-modal .jp-relatedposts
{
display:none!important;
}
<style>

It worked perfectly for the modal! Thank you.

However when I insert this html code in the page, it also changes the format of the tags at the end of the article (bottom of the post article) https://www.captainforest.com/test-are-bioplastics-better-than-plastics/

You can compare with the format of the tags at the end of this article without the code : https://www.captainforest.com/the-contribution-and-marginalization-of-plastic-waste-picker/#

Do you know why the style of the tags is impacted by this line of code? Do you know what I can do so that the tags are not impacted please ?

Thank you.
Lamiaa

Post count: 27744

Hello,

Please provide more details about the HTML code you added.

Thank you!

Post count: 111

I added a html block from the guttenberg editor at the end of the post article.
This is exactly the code I wrote :

<style>
.tdm-popup-modal .jp-relatedposts
{
display:none!important;
}
<style>

Can you help me pls?

Post count: 27744

Hi,

No, you do not need to add the code there. You need to add it in Theme panel>Custom code>Custom CSS

Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.