Multiple CSS sheets?
-
I’m barging ahead on changing my CSS in Sandbox, but have gotten confused on just how many CSS sheets there actually are!
when I use my FireFox plugin to view CSS, I get a bunch of different bits:
–the sandbox 3 column skin
–the sandbox CSS skin
–my CSS sheet.It’s really difficult getting it all straight between the three different sheets.
Does anyone have any tips on how to integrate the three, or keep track of them all?
I have managed to do some simple stuff (getting rid of bullets on the sidenav), but some other things seem to not be working.
Just wondering if there is a way to do this other than printing it all out and surrounding myself with it so I know the div’s :)
blog: http://membracid.wordpress.com
Thanks!
-
Oh dear–now I’ve thought of a new twist.
I have 2 blogs–does the style sheet apply to both?
Or, I ‘ll have 2 personal style sheets + the style sheets existing for each theme.
Ugh.Of course, one blog is “dormant” right now, so I suppose that doesn’t really matter. Someday, though….
-
-
That part I figured out, but it’s still a lot to keep track of :)
Right now, I’ve got a total of 7 style sheets for 2 blogs.Cripes!
Anyway, back to original question–Is this just something I have to deal with?
And is there any simpler way to keep track of it all? (I’m hoping for brilliant insight from someone who’s been there.) -
Here is a go at a brilliant insight from someone who has been there. Step 1. Recognise that Sandbox is a peculiar animal. Ostensibly one set of mark up (templates) can be used for a multitude of layouts. Step 2. Understand that in order to deliver this functionality Sandbox imports the CSS for the layout.
Step 3. As a prelimnary step to reduce your CSS files by 30% you could delete the import statement in the CSS and copy and paste the layout into the style CSS in lieu. Hope that doesn’t confuse you but Sandbox is not an intuitive beast to get to grips with. Once you have done that post again apropos your edit CSS. -
huh. I think I must be missing the import statement.
My understanding is that the CSS sheet that we can actually edit here at WP is applied on top of the other sheets. (last, has priority.) So, there isn’t much I can do about the other two sheets other than work within the Divs already defined, and change basic markup (paragraphs look like ABC, links look like CDF, etc.)
Maybe I need to back up a bit? Can you explain more?
edited to add–oh, wait! I think I get what you are saying–combine the three style sheets into one, so I can more easily tweak all 3 at once?
-
I was wrong. I don’t get it.
The only import CSS I can find is in one of the template CSS sheets, which doesn’t seem to be editable by me via the upgrade.(@import url ('../style.css')so..can you please explain some more?
-
As I understand it it is not editable. But you can copy and paste the layout then delete the import statement. You need to get straight on this before we go to the next stage which is the relationship between your css and the theme css.
-
Well, it’s the relationship that I’m having the problems with. (I need a CSS therapist?)
I suspect I have a couple of things right, and some things wrong. Can you tell me if I have this part ok?
–my custom CSS supersedes all other CSS.
After that, though, what you are saying doesn’t make sense to me, since I can’t edit the other style sheets. Even if I copy/paste it into my css, deleting the import statement just means there is no change. Maybe an example would help me understand you?
<tiny timid voice> You know, I have managed to do a fair amount with my sandbox so far, IMHO….even if the sidebars aren’t floating properly….</tiny timid voice>
I broke down and printed it all 3 style sheets out (sandbox, 3 column, and mine), and will spend this evening trying to match all the div.#s up and see what content groups there are, so I can make a nice neat CSS sheet.
Right now it’s more dribs and drabs of me experimenting. The parallel to sausage making is becoming painfully clear… -
For anyone else going through this, Web Developer is invaluable for tracing out the relationships between css and what is visible on the page using the “information” tab. Awesome plug-in. You can also test out CSS changes live, which I think was mentioned in another thread.
Sorry to double post–couldn’t edit the earlier one.
- The topic ‘Multiple CSS sheets?’ is closed to new replies.
WordPress.com Forums 