Home>Support>Request to be able to target single pages/posts etc

Request to be able to target single pages/posts etc

This is an awesome plugin. So friendly.

To make it even better, it would be really great to be able to add the CSS on a page / post etc basis.

Not just site wide.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Norman,

    Great to hear! :)
    I’ve logged this as a feature request.

    In the meantime, this is technically possible but it’s you’ll need to manually prepend the page id to your selectors. The following is a guide I wrote a while ago that should give you an idea on how to do this.

    On every WordPress page, you’ll find a unique ID class that will allow you to directly target that page and only that page. It’s always attached to the body of the page. Getting the classes of the body via our Custom CSS plugin can be quite tricky. Instead, let’s simplify it. Open up the page you would like to target. Then, if you’re in Chrome, Firefox or any other WebKit-based browsers, press CTRL + U. If you’re using Internet Explorer right click anywhere and select the “View Source Option”.

    You’ll now see the markup of this page. Press CTRL + F and type in <body

    There's also a couple of other useful classes attached to it and here's a quick rundown of what is attached to my local home page.
    home
    This class is only ever present when the current page is the homepage.

    page
    This tells you that the current page is a page. This is only present on actual pages (read: WordPress defined pages) and will be replaced with something else on non-pages. (example being single-post)

    page-id-49
    This is that unique ID I was talking about before. If you target this class it will ONLY affect this page.

    logged-in
    Only present if the user is logged in.

    admin-bar
    Only present if the admin bar is visible (remember, this can be disabled by the user)

    siteorigin-panels
    This is present when the page was built using SiteOrigin Page Builder.

    Hopefully, this helps you. I would also recommend giving this article a read, How CSS Selectors Work.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More