Hello, I want to insert single css in only one page.
I have one plugin to insert a bar at the bottom of the page with the contact information, but for the landing pages I want to remove it.
I hace insert this in the quick css:
.page-id-6870 .touchy-logo-wrapper,
.touchy-search-wrapper,
.touchy-wrapper,
.touchy-overlay,
.touchy-by-bonfire { display:none !important; }
…..but what happens is that disappears in all te pages of the web site.
Any suggestions? Thank you
Hey carmen,
Please link us to the page you want the css to apply to.
Best regards,
Jordan Shannon
For example this one: https://faceclinic.es/landings/cabecera-landings-madrid/face-clinic-l/
Hi,
The page-id needs to apply to all css declarations:
.page-id-11148 .touchy-logo-wrapper,
.page-id-11148 .touchy-search-wrapper,
.page-id-11148 .touchy-wrapper,
.page-id-11148 .touchy-overlay,
.page-id-11148 .touchy-by-bonfire { display:none !important; }
Best regards,
Jordan Shannon
Thank you, it works perfect!
Just other question if i want to add the same rules to other pages, I have to add the complete code again or I can do something like this:
.page-id-11148, 11149 .touchy-logo-wrapper,
.page-id-11148, 11149 .touchy-search-wrapper,
.page-id-11148, 11149 .touchy-wrapper,
.page-id-11148, 11149 .touchy-overlay,
.page-id-11148, 11149 .touchy-by-bonfire { display:none !important; }
Thank you
Hi,
If you want the same code on a different page then simply replace the id in the page ID class, if the ID is 1000 then it would look like this:
.page-id-1000 .touchy-logo-wrapper,
.page-id-1000 .touchy-search-wrapper,
.page-id-1000 .touchy-wrapper,
.page-id-1000 .touchy-overlay,
.page-id-1000 .touchy-by-bonfire { display:none !important; }
Best regards,
Rikard