Hello, I need to know if what I need is possible.
I have this page
https://www.radiomarcabarcelona.com/player-apps/
I would need to know if I can delete what I show in the Header and Footer only from this page, that is, I only want to show a photo and a player.
I attach a photo.
https://www.radiomarcabarcelona.com/goodnews-design/blank_page.png
Is it possible by code to remove header and footer on this page?
I hope your help. Thanks
Hi duck1970, this can be done in 2 ways:
1. Using a cloud header and footer, those can be set using tagDiv Composer as individual (only on that page) or global -> https://i.imgur.com/qQ4SPfG.png -> https://i.imgur.com/1vREczK.png
2. Another alternative will be with a custom css like this one -> https://i.imgur.com/AjzZLUO.png
.page-id-783409 .tdc-header-wrap , .page-id-783409 .tdc-footer-wrap {
display: none;
}
This code need to be set in the theme panel> custom code> custom css.
I hope it will help you!
Hello Calin, I have used the second option that I see easier for me, and it is what I am looking for, but I am missing one last help. How can I also remove the ad unit from that page? I attach a photo.
https://www.radiomarcabarcelona.com/goodnews-design/ads-page.png
Thanks
Hi,
Please let me know what type of ads you use.
If you use auto ads, those will be automatically placed where they fit correctly => https://i.imgur.com/qX36kT0.png https://support.google.com/adsense/answer/9261805?hl=en
Therefore the theme doesn’t have any control over those types of ads.
Also, please check the fields from Theme Panel -> ADS => https://i.imgur.com/NeAYx5h.png if you have set a code please delete it and see if the ad still display.
Thank you!
Hello Anamaria, this generic advertising banner for all Google Adsence pages
that I have inserted in HEADER SCRIPT CODE
It is possible by code to tell the page
https://www.radiomarcabarcelona.com/player-apps/
that does not show that banner? I hope your help. Thanks
Hi,
I think that there are many ways that you can exclude the ad from that page, using custom code, plugins or with css. Now for me it is easier with a css like this one
.page-id-783409 .adsbygoogle{
display: none!important;
}
I hope this will help you!
OK Calin is perfect, it’s what I needed. Thank you very much for your help. Greetings, and have a good day
Hello Calin,
I have tried following your directions, as I too need to suppress the header and footer on one page. It is not working, however. Here’s what I’m looking at:
Obtained page id: https://imgur.com/A6qPr8Y
Applied the CSS, changing page id: https://imgur.com/ozrfom5
The resulting page: https://imgur.com/sDGgeZL
We’ve been mindful about caching and cleared everything after the CSS was applied.
Thank you for your time!
A followup – we were able to accomplish this through the Web Manager in the TagDiv composer. Still no clue as to why the CSS avenue didn’t work.
Hello!
Did you manage to solve your issue?
Thank you!
