Plugin doesn't work?

Your Custom CSS targets .main-navigation, but the background is overridden by a more specific selector for #menu-primary in the theme stylesheet.

I’ve got the same problem.
But I can’t find the specific # in the stylesheet when using web inspector. Any help on how to identify them?

@csjwp site link please.

Hello @damnmysterious,
what text do you want to change?

Sometimes, depending on the theme and any other plugins you might be running, you will have to add the !important declaration to override the default styles, or dig a little deeper to see if there might be a different code – especially in the case of nav menus, links, headings, and/or lists.

One way to get the exact code you need to paste into the custom editor is to highlight the text you want to change and then use Google Chrome “Inspect Element” feature – it will often give you the css selectors you need to modify.

I did a presentation on Intro to CSS for our local WP Meetup Group that walks you through the basics of that – while it does not use this plugin (it uses Jetpack) – the slideshare is available here:

https://www.slideshare.net/wppittsburgh

I noticed you already have Jetpack on your site – so the Simple Custom CSS plugin would not be necessary – (just activate the custom css module in Jetpack’s settings). I don’t use Jetpack very often, which is why I prefer this plugin – but both can accomplish the same thing.

Hope that helps a bit or might be useful to someone in the future!

I’m a noob so excuse me for using this thread but I’m tearing my hair out! I’m using Shopisle (child theme) with WordPress 4.4.2. How the f**k do I change the colour of the pages from boring white to something else and how do I get rid of the empty space underneath the header image on all pages, before the text? I’ve tried using the Simple Custom CSS plug in and nothing happens. I’ve tried adding suggested codes in the style.css of the child theme and nothing happens. Help me out I’m growing old trying to get around these problems. My site isn’t live yet so can’t give a link. HELP!!!!

If you use the Simple CSS plugin and nothing happens, then either your CSS is incorrect or whatever style rules you are adding are being overridden. For example, if you change the background of the body element to black, but the site is built using a container element for content which has a white background, you will still see the white background as the body element sits “behind” the container. In this case your CSS is incorrect and you need to change the background of the container element. If you make the body black, but the theme makes the body white with a more specific selector (i.e. body with a class “page” or “post”) – the body will be white because your less specific rule has been overridden by the more specific rule in the theme.

Hi Everyone,

Thanks so much for your help supporting these issues. If there are any other related questions, please post as new requests in this forum and I’ll take a look at them.

Cheers!

John