Loading Profile...
Customising CSS without resorting to !important
How do I customise the CSS for my site?
I am using the layout manager, and I can see that by adding a custom css widget, to the admin menu bar, I can override the site wide css. However, that seems a rather sucky way of doing it.
For example, in order to move the admin menu down a bit I had to add #sidebar{margin-top:1.5em !important;}. I would much rather edit the basic css file, but i can't find out how to do that. I am sure I am missing something very obvious, so could some kind person hit me with a clue stick?
I am using the layout manager, and I can see that by adding a custom css widget, to the admin menu bar, I can override the site wide css. However, that seems a rather sucky way of doing it.
For example, in order to move the admin menu down a bit I had to add #sidebar{margin-top:1.5em !important;}. I would much rather edit the basic css file, but i can't find out how to do that. I am sure I am missing something very obvious, so could some kind person hit me with a clue stick?
1
person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
-
Inappropriate?Hey Andy
You should check out this really good plugin for Firefox
https://addons.mozilla.org/en-US/fire...
Firebug allows you to expect every css element on your network. You can then add new CSS rules in your 'ads and custom html' section of your Layout Manager.
Regards
Will -
Inappropriate?ps if your trying to move the sidebar down abit try this
<style>
div#sidebar {
margin-top:0;
}
</style>
I’m confident
-
Inappropriate?Thanks Will, that's great. I was looking for CSS control within the Layout Manager - that was my mistake!
Just to be clear on this. The code that I add in the Ad & Custom HTML section will load after the style sheets - right? In which case I don't need to do an !important to override them? Also, is it possible to edit the style sheets themselves?
I’m much happier now
-
Inappropriate?Yes, that is crrect, Andy. As far as I know, you cannot edit the style sheets themselves.... what you do in the custom section overrides everything on your network as far as CSS goes. You can also add CSS in the meta data section for each tab/page and sub-tab on your network. -
Inappropriate?Thanks very much. I am still not sure that I like the approach. I would prefer to edit the css directly. However, at least I can stop looking for the 'edit stylesheet' button ;-)
-
Inappropriate?The thing I like about it, andy, is that it's easy to manage. Your global stylesheet is in only one place, and you can control your whole network from there. That, and when I am working on a page element... say a text box... I can edit the CSS for that page from right where I already am within the layout manager.
-
Inappropriate?Ah, that is a good point. I guess their are benefits to both approaches :-)
-
Inappropriate?For sure. It's leaps and bounds ahead of Ning, though, which is one of the other platforms I have to work with...
-
Inappropriate?If you want to change styling for an individual page you can do that too. Just add CSS to the tabs meta box in the layout manager.
EMPLOYEE
