CSS for body [#1258738]

I'm banging my head on the keyboard - never a good sign.

I'm trying to use local.css to affect just the main content of a page, i.e. add a scroll bar, limit height, and change colors. Use case is using the book module with sometimes very long book pages, but to conserve page real estate I want a scroll bar just for the book page itself. I can't seem to figure out what to target in my local.css. I keep affecting the comments, etc.

.!!!WHAT GOES HERE???!!!{
height: 200px;
scroll: auto;
color: red;
}

Thanks in advance for the help and a great module & theme!

Comments

Comment #1

esmerel CreditAttribution: esmerel commented 24 August 2011 at 16:58

Status:

Active

» Postponed (maintainer needs more info)

Have you tried using Firefox with Firebug? If not, there's a great tutorial for it here: http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

It can help you figure out what the right thing to target (if there is one specific element you can target) for this. Otherwise, it would help to have a link to your site so that we could see the element you're trying to style - it's impossible for us to know exactly how your site has named the book item or what; we can guess, but we can't be sure.

Comment #2

pilotchick CreditAttribution: pilotchick commented 24 August 2011 at 17:21

I'm using firebug already, but I can't seem to find any reference to just that bit of the page. Everything I do to target that affects more than just the main content area. My site is not live, so I cannot post a link yet.

Comment #3

aquariumtap CreditAttribution: aquariumtap commented 24 August 2011 at 19:36

Hi pilotchick,

Have you tried something like .node-book .content {} for your targeting?

If the existing div structure isn't currently setup to fit your needs, my suggestion would be to copy page.tpl.php from sites/all/themes/fusion_core into your sub-theme, clear your Drupal cache, then modify your new page.tpl.php template to insert a <div> wrapper right where you need it.