Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1072315

    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-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


    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



    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,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.