Posted 01 May 2011 - 06:17 AM
WordPress version 3.1.2
Theme: PlatformPro version: 1.3.2
Custom Child Theme.
Summary of Problems:
Making site narrower than 800 pixels (like 763).
Making columns arbitrary widths (like the main content column 583).
Dynamic.css gets loaded after base.css, so base.css cannot override dynamic.css items.
@import directive in Custom CSS rules (in dynamic.css) won??™t import a .css file.
I want to make a site 763 pixels wide, with the main content area 583 and the single right sidebar 180.
I cannot set the site that narrow in the Layout editor
Also, I cannot set the content area to 583 (yes, to 582 or 584, but not 583).
If I attempt to override such things in base.css, they don't have an effect, because dynamic.css is loaded after style.css (which loads base.css).
I can add a bunch of style rules to the CSS Rules of the Custom Code in PlatformPro Settings, but that means having to maintain THOSE styles separately from the version control of my other .css and markup.
I tried using an @import directive in those custom rules, to import a .css of mine to do final style changes, but the @import statement in dynamic.css doesn??™t load my file for reasons I cannot figure out.
1. Is there a hook that gets executed after dynamic.css gets loaded, where I can call a function to link my ???final??? .css file?
2. Is there a known reason why an apparently valid @import directive in dynamic.css won??™t work?
3. If neither of the above can provide a solution, what do other people do in a custom child theme to override settings in dynamic.css using a version-controlled custom .css file(s)?