By paragon77 on

I have searched the style.css file but cannot locate where there is the information to add borders around any blocks that I place into the right or left sidebars.

Can anyone help me locate this information as I work on customizing Garland for my site?

Thanks

⋅ Categories: Drupal 6.x

Comments

steveadamo’s picture

steveadamo commented

as a quick option, view the source for one of your pages, and in the main < div > for one of the blocks, see what available classes you have...

should be something like this:

  class="clear-block block block-block"

in your themes/garland/style.css file, add/play around with this:

  .block-block { border: solid 1px blue; }
paragon77’s picture

paragon77 commented

Here is the entry from the page source view:
<div id="header-region" class="clear-block"><div id="block-block-8" class="clear-block block block-block">

I have searched my styles.css file and there is no .block-block entry for me to edit.

OK see where you said to "add/play" with the above entry. Where should that go in the style.css file? Is header-region the particular section?

steveadamo’s picture

steveadamo commented

you can add or edit any of the available "ids" or "classes"...

so, in your style.css file, you could edit (if it exists, or add it if it doesnt) the id header-region:

  #header-region { border: solid 1px blue; }

you could also add/edit the class block-block:

  .block-block { border: solid 1px blue; }

your choice... keeping in mind that some entries are more pervasive that others (editing and id might impact more pages than editing a class, etc.)

does that help?

paragon77’s picture

paragon77 commented

OK this is truly kickin' my butt. I have d/l installed FireBug to see where the code is showing. I select the sidebar and it gives me a line#. I add the border: solid 1px blue; to the line number and still see no borders.

Grrrr...

steveadamo’s picture

steveadamo commented

just out of curiosity, you havent set the admin/settings/performance options to cache css have you?

if so, you might want to uncheck those options... and definitely clear your cache (accessible from the same page)...

refresh your browser, and see if your changes show up...

paragon77’s picture

paragon77 commented

No I have not. Also, I clear the cache and refresh browser after every change to see if it took.

Any other thoughts?

This is buggin' the schnikey's out of me.

paragon77’s picture

paragon77 commented

Hmm...I added this:

#header-region .block-block {
  border: solid 1px blue;
  display: block;
  margin: 0 1em;
}

but nothing showed up around the blocks.

I added it in this section of the style.css file:

/**
 * Layout
 */
#header-region {
  min-height: 1em;
  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

<-----------[[was added here]]

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}