Traction help! Simple CSS change has messed up my blog
-
Golly gosh! All I did was ask to see the original stylesheet for my Traction-themed blog and then copy and paste it into the CSS editor.I made no changes to the CSS at all. But what’s happened is that I’ve lost all the styling of the top bit whch includes the featured slider. The blue bars no longer appear which are the menu bars, the background which was the usual light grey has turned the same black as the shell, and the font has gone all funny.
Please can somebody help?
The blog I need help with is: (visible only to logged in users)
-
At wordpress.com, we have to do thing differently. Go to the CSS edit page, delete everything from the CSS window and then make sure “add to existing…” is selected and click save stylesheet. That is going to return you to the original.
When you get ready to make changes, copy the original stylesheet out and put it into a plain text file for reference. Then put in only the specific selectors, and the specific declarations that you are changing. For example (and this is not from Traction) if you wanted to change the base font family for your entire site and the body selector looked like this:
body { background: none repeat scroll 0 0 #1D1D1D; color: #BBBBBB; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px; font-weight: 300; }What you would do is just enter this into the CSS edit window and edit accordingly:
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }In other words, if you aren’t editing it or aren’t changing it, do not enter it into the CSS edit window.
-
Thank you, thesacredpath,
I have deleted everything and as you rightly say, it has gone back to its orginal style. I have also selected “Add my CSS to Traction’s CSS Stylesheet’ and I had already copied the code into a plain text document.
My problem now is that there is code for me to edit my small changes into in the CSS Editor. All there is the following:
/* Welcome to Custom CSS!
CSS (Cascading Style Sheets) is a kind of code that tells the browser how to render a web page. You may delete these comments and get started with your customizations.
By default, your stylesheet will be loaded after the theme stylesheets, which means that your rules can take precedence and override the theme CSS rules. Just write here what you want to change, you don’t need to copy all your theme’s stylesheet content.
If you need any further help, ask in the CSS Customization forum.
*/I remember reading that before, but as there is no code for me to change, that’s why I ended up inputting the whole CSS stylesheet again.
Be very grateful for more help, please
-
Your theme is a premium theme and we Volunteers answering questions on this forum have no knowledge of how they are designed to operate. When you purchased it what came with that purchase was support directly from the theme designer. When you purchased the custom design upgrade your purchased Staff support for it as well. Go here > Appearance > Themes and click the “premium” link you find there to the Premium Themes Forum please.
documentation here > http://en.support.wordpress.com/themes/premium-themes/ -
Thank you for suggesting that, timethief. Sorry to take up your time here. I had already posted on the Premium Themes support forum but no-one came back to me until just now, so I’ll continue talking to them. Thanks to you and thesacredpath!
-
I’m happy to hear you now have support in the Premium Themes Forum. Best wishes with your blog.
-
You copy out of the CSS that you put into the plain text file the specific selectors, and the specific declarations that you are changing and paste those into the CSS edit window and then edit the declaration as required. All the stuff you see in the CSS edit window right now is just informational text. Before pasting in any CSS stuff, just delete the informational stuff.
- The topic ‘Traction help! Simple CSS change has messed up my blog’ is closed to new replies.
WordPress.com Forums 