Custom CSS has stopped working
-
I’m unable to set any custom CSS for filesthatlast.wordpress.com (aka filesthatlast.com). I am able to edit the CSS, but it has no effect. In examining the source of the page, I found an href to (http://s0.wp.com/?custom-css=1&csblog=1YUvm&cscache=6&csrev=16). The content of the file is:
/* Purchase the Custom Design upgrade to activate this feature */I have in fact purchased custom design for that site. Before I changed my theme to Notepad, custom CSS was working. Is it possible that the change of theme somehow disabled custom CSS? I’ve paid for it, and no one said that it locked me into the theme (Garland) I was using at the time.
The blog I need help with is: (visible only to logged in users)
-
CSS is theme specific. If you have custom CSS and later change themes, you need to delete whatever CSS you have in the Editor, otherwise, you’ll get undesired results.
To ‘reset’ a theme, you need to delete the CSS in the Editor, make sure the “add to existing CSS” radio button is checked, then save. Things should go back to normal.
Also note that when you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing.
-
timethief: By “deleting the CSS,” do you mean just deleting the content? I tried that and then adding a single CSS modification. The Custom CSS URL still says “Purchase the Custom Design upgrade to activate this feature”. It seems more plausible I have to delete the file itself and re-create it, but I don’t see how to do that.
Also, I’m seeing a checkbox for “Don’t use the theme’s original CSS” (which is unchecked) rather than “add to existing CSS.” Am I working in the wrong place? I’m starting from the wp-admin page and selecting Appearance > Customize from the sidebar and then CSS from the right sidebar.
-
-
In examining the source of the page, I found an href to (http://s0.wp.com/?custom-css=1&csblog=1YUvm&cscache=6&csrev=16). The content of the file is:
/* Purchase the Custom Design upgrade to activate this feature */Make sure to view that link in a browser directly, it should work.
I am able to edit the CSS, but it has no effect.
It sounds like you haven’t entered CSS that will work for your theme or setup.
For example, I see this in your custom CSS link you noted above:
h1 { font-size: 24pt; }But that won’t work for the Notepad theme because the theme is using a more specific CSS rule. If you match the specificity for what the theme is using, it will work. Try this:
#header #logo { font-size: 24pt; } -
That worked better, thanks!
I’d tried something close to that at one point, but missed that I needed the #header ID qualifier because of the surrounding div.What threw me off was that I couldn’t find my custom CSS by examining the source and instead found that file with the comment that implied that I wasn’t allowed to have any; otherwise I would have diddled with it longer. Where should I have been looking?
-
Update to my own previous response: Now I’m seeing the custom CSS there. I wasn’t diligent enough at cache clearing, I guess.
-
Where should I have been looking?
There are a few different ways to find your custom CSS:
1. Look at Appearance → Themes → Customize → CSS panel.
2. View source. Find the head element, and look for the CSS URL with “custom-css” in it.
3. Use your built in browser tools. The web inspector in the latest Firefox version is pretty nifty, and there’s a “Style Editor” section that will show unminified CSS. To find it, right-click anything on the page and select the “Inspect Element” option. Then click on “Style Editor” and select the last stylesheet in the list on the left. Here is an example: http://cl.ly/OyXr
- The topic ‘Custom CSS has stopped working’ is closed to new replies.
WordPress.com Forums 