Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I’m recently started with SiteOrigin CSS in my Origami premium theme. I have changed the fonts of post titles in the homepage (h1 entry-title a). The homepage shows the 5 latest post. But if I’m going to an individual post the fonts of the title, these are not changed. I’m not using
Is it possible to change the fonts of the post title of an individual post level; at the level of writing the individual post? I have been looking for the place where I can change the code but couldn’t find it.
Hi Niko,
Unfortunately, no this isn’t possible.
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.
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.