Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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-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

    #1072333

    Hey carmen,

    Please link us to the page you want the css to apply to.

    Best regards,
    Jordan Shannon

    #1072583
    #1072723

    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

    #1073571

    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

    #1073919

    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

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

You must be logged in to reply to this topic.