Do some CSS override others by default ????

Alright, this situation with the reversed block which contains "welcome to the community" is about ready to drive me out of my mind. Someone mentioned earlier that perhaps the wrong index.css file is being edited, i.e. base versus uni? Well, considering the fact that firebug shows things missing on the screen which are clearly not missing in the files that I'm editing, I'm getting pretty darn confused ...

So here's the scenario for our site ...

From day one, the active template in the admin dashboard has always been set to base.
All of the css changes that were made, were made in css files of the base template.
Until this maddening thing with the community text happened, all of the made changes (dozens of them) in the base section of the css files worked jsut fine. I'm working with cache disabled and every time that I refresh a page the changes are visible. BUT ....

.... I can't for the life of me gain FULL control over the element which contains the text, welcome to the community.I could change backgrounds, remove the text, remove the border, etc. but I can't remove the element itself. I even went as far as to use # on all of the lines in order to wipe out pretty much everything that has anything to do with that element, yet I still can't get rid of the last portion of it ... the part that's located directly above the flash promo images. Yes, of course I've tried padding and margins at 0, but still no luck.

So here my prize question ... Is it possible that portions of the uni/css/index.css file are physically overriding the base/css/index.css file that I've been working on? I've been working on this for days now and I always thought that if D7 is set to base, then all of the required changes should be made in the base/css section of the css files too ... ???

Quote · 8 Apr 2010

and what's the prize????

only kidding... no need pulling your hair off. Yes there are many overrides in the css files but that is natural, since it is common procedure when coding css, using a general schema und dans changing only the things you need.

But i do not think this is why you can't have full control over the elements you need. It's because much of the design content (yes, much) is hardcoded inside php files. So you'll just have to configure those, as well as the needed css files, to get the preferred outcome.

Cheers,

NickL

Quote · 8 Apr 2010

ALL of the css files in ANY template directory will override the base css files.  The css files in the uni template, by  default, just import the base css files and should not contain any overriding css.  If you want to change css, you should not alter the base css.  If you want to change anything, you should make a copy of the tmpl_uni directory and call it something else... then make your changes there.

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 8 Apr 2010

ummm HL ...he's asking about the elements and not the css.

Quote · 8 Apr 2010

ALL of the css files in ANY template directory will override the base css files.  The css files in the uni template, by  default, just import the base css files and should not contain any overriding css.  If you want to change css, you should not alter the base css.  If you want to change anything, you should make a copy of the tmpl_uni directory and call it something else... then make your changes there.

Thanks houstonlively,

This of course brings a question to mind ....
So what were to happen if I copied my edited general, anchors, common, index and so on css files from the base template folder over to the uni template folder? Sure, I can make a copy first, but would that potentially screw anything up? The changes are already working ....

Quote · 8 Apr 2010

The reason for not changing anything in /templates/base/css OR /templates/tmpl_uni is that you may run into trouble when a D7 upgrade comes along.  Some of the upgrades may have css changes or changes to the template scripts.   What you are doing will work... all I'm saying is it may make things more difficult when an upgrade comes out.

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 8 Apr 2010

BTW... the # character is used to designate an ID of an element.   Use   /*        */      to comment out a css rule


To remove an element, add display:none; to the css for that element

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 8 Apr 2010

BTW... the # character is used to designate an ID of an element.   Use   /*        */      to comment out a css rule

Oh, okay, will do that. Thanks again.

Quote · 8 Apr 2010

I am sorry. I am so use to Joomla and just rewriting the css. I really like the potential of Dolphin and my hat's off to all Dolphin developers. Can someone please simply better explain to me the procedure of overriding css. (I have always just rewritten). I keep making changes without results. Any help is much appreciated and thank you.

Quote · 25 Sep 2010
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.