Edited CSS – now no CSS from any theme will load properly
-
Hi. I Just purchased CSS upgrade for the blog I am setting up. I am quite proficient with CSS, and to save time I just wanted to edit an existing theme with own colours and images. I started by attempting to edit the background image to an image hosted on my own webserver.
I was using the Albeo theme. Now whenever I load the blog, neither the Albeo theme background nor the custom background are showing. I have changed themes, and when I did, the style sheet from subsequent themes did not seem to be working either (which were working before the upgrade).
I pasted in the original Albeo CSS hoping to restore it to default, but the background is still not loading, despite the Albeo background being listed in the CSS. I have tried loading the blog in other browsers, but am having no luck.
Would anyone know why this might be happening, and what I can do to restore everything back to how it was? I would like to be able to change themes in future, and obviously want my own custom background to be working.
The blog I need help with is: (visible only to logged in users)
-
-
When you have modified the CSS for a particular theme, and then you change themes, you have to delete everything from the CSS edit window, make sure that “add to existing…” is selected and then click “save”. If you don’t, then the CSS from the other theme is applied to the new theme and CSS is theme specific. Each author decides how they are going to organize the CSS and what they are going to call things.
-
Thanks for that, I didn’t realise that the changes to themes were then added to the other themes. I couldn’t work out why the other themes weren’t working after I made a change – I panicked!
I worked out why the backgrounds weren’t showing for Albeo – when I edited it and saved it, the directories for the default Albeo backgrounds no longer worked, so I had to replace each one with the entire URL.
-
Yes, the URL’s in the CSS are relative and your new CSS is stored in a different directory, so all the relative links break.
I always, always suggest that when editing CSS here, that you put only the sections and only the specific declarations that you are changing into the CSS edit window and never paste the entire CSS. It always causes issues by breaking links and such. Also, having only your changes in the window lets you know exactly what you have changed down the road when you go in to add more changes.
- The topic ‘Edited CSS – now no CSS from any theme will load properly’ is closed to new replies.
WordPress.com Forums 