hi Greg! Try removing all the stylesheets linked inside script_and_styles and add your own stylesheets on the last line. That should work. But that would really mess up the views if you don't follow the classes/ids used by Bruno.
Another way is to copy all the stylesheets used by CE in your public/stylesheets directory, rename each files and edit the ones you want to edit. After editing them, remove all the linked stylesheets in script_and_styles and link your stylesheets at the bottom of the file. On Thu, Oct 29, 2009 at 10:34 AM, GregL <[email protected]> wrote: > > Thanks, Bruno. That both works and doesn't work. In Safari, the two > #hd styles are being merged. Activating Safari's Develop menu lets me > see what styles they are applying to a DOM element, and they clearly > indicate they are getting two #hd, one from each file. I don't know if > Firefox or IE are doing that too. I can be clever and apply the same > styles inside #hd as you do, but in ways that cancel CE's. So if CE's > says > > #hd{border-top: 4px solid #780000;} > > then I have to do > > #hd{border-top: 0px solid #780000;} > > and make it 0px high, and then I get the behavior I want (which is to > not have the red stripe). > > This works in Firefox too. > > > On Oct 28, 6:09 pm, Bruno Bornsztein <[email protected]> > wrote: > > Nope. Sorry Levi, that's incorrect. > > > > Greg, you just need to override the application layout (or better yet, > > _scripts_and_styles.html.haml) and include a link to your stylesheet > > *after* the > > link to CE's screen.css. > > > > Then you just need to redefine the style rule for #hd. > > > > Make sense? > > > > Good luck, > > Bruno > > > > > > > > On Wed, Oct 28, 2009 at 4:53 PM, GregL <[email protected]> wrote: > > > > > So perhaps a better way would be for me to override the view and > > > change the id for #hd to #my_hd and define that in my CSS. > > > > > On Oct 28, 11:56 am, Levi Rosol <[email protected]> wrote: > > > > someone will correct me if i'm wrong, but css changes need to be made > in > > > CE > > > > since CE copies those files to your public folder upon server start. > > > > > > -- > > > > Levi Rosol > > > > Twitter: @LeviRosol > > > > > > On Wed, Oct 28, 2009 at 10:54 AM, GregL <[email protected]> wrote: > > > > > > > I'm finally grasping how to override the behavior of CE with > models, > > > > > views and controllers. Now I want to override the css of the > default > > > > > theme. I would like to change the appearance of the "#hd" selector > in > > > > > the header. This lives in screen.css. I tried making my own copy of > > > > > screen.css in my public/stylesheets, but mine is not used. I tried > > > > > restarting mongrel and clearing my browser cache, but the #hd still > > > > > has the default CE styling. > > > -- "We do not believe in ourselves until someone reveals that deep inside us is valuable, worth listening to, worthy of our trust, sacred to our touch." - E. E. Cummings --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "CommunityEngine" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/communityengine?hl=en -~----------~----~----~----~------~----~------~--~---
