How different (if at all) is the CSS in wordpress.org?
There is only one type of CSS and all sites use it. Static sites, Drupal sites, self-hosted WordPress sites, wordpress.com sites. It’s all the same.
How can I figure out how to add the same CSS edits to the wordpress.org site?
Exactly the same way that you figured it out on your wordpress.com site but do ensure that you use a child theme or a custom CSS plugin on your self-hosted site or you risk losing all of your changes when the theme updates.
is there a custom CSS plugin that you would recommend?
Since you’re used to wordpress.com. I’d suggest installing Jetpack. It has a custom CSS module and many of the other tools that you are used to having access to on wordpress.com.
I see JetPack in my list of installed plugins. How do I use it?
The changes I make in Edit CSS using Jetpack don’t seem to be taking effect. For example I added this to remove page headers from display
.page .entry-header {
display: none;
}
But the change did not take effect. Any idea why?
What’s that meant to target? I can’t see the markup that corresponds to the CSS on your site atm. Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.
I’m not sure what you mean by what it’s meant to target. I just know that that is what I added to my wordpress.com CSS to get the pages titles to not appear. I am using Chrome. What is a good developer tool for Chrome?
You are using a different theme. You need to use different CSS that is specific to your current theme.
I used Adelle on my wordpress.com site and I installed Adelle to be used for my wordpress.org site. So it should be the same CSS. Is it not?
Where did you download the theme from? Themes on wordpress.com can be quite different from the theme hosted here.
I installed it from the admin dashboard for my wordpress.org site. I searched for ‘adelle’ and installed it from there
