Comments Blockquote In Regulus need a bit tweak with CSS help

• 

  thehype · Member · Feb 18, 2007 at 7:58 pm

  • Copy link
  • Add topic to favorites

  Heey (yeah.. so I just asked another forum help just 2 seconds ago, but I guess this one is separate..)

  Okay: check this comment with a blockquote out here

  I don’t like how it turned out with the white part on the left. I just want to make it not there or I guess same color as the rest of the blockquote. Here’s the CSS part of the comments section but I not sure where to start in adding a blockquote rule

  #comments {
  clear:both;
  background:#ddf;
  padding:15px;
  }
  
  #comments h2 {
  margin:0;
  }
  
  #comments dl {
  margin:0;
  padding:0;
  }
  
  #comments dt {
  font-size:1em;
  border-top:1px solid #bbb;
  color:#444;
  padding:8px 0 0;
  }

  I’ve tried changing around with the padding but that didn’t turn out as I hoped.. What do you think? Thanks again, and again!

• 

  cornell · Member · Feb 18, 2007 at 9:33 pm

  • Copy link

  I think the problem you’re getting is because the standard blockquote CSS is defined elsewhere and has the background colour set to white or #fff with the indent.

  I can’t view the CSS at the moment because I’m on my laptop, but have a look at the definition for the blockquote and see if you can either set the padding for the image in there or reset the background colour.

  It’s not defined by the comments css which is where I think you’re hitting the problem.

  You might be able to define CSS for “comments blockquote”, but I’m afraid I’m not advanced enough to help with that right now.

  HTH!!

  Collin

• 

  thehype · Member · Feb 18, 2007 at 9:59 pm

  • Copy link

  AHA! Thanks Collin, I was able to figure it out with a combo of your suggestion and just me doing trial and error again.

  Like you said, it’s the blockquote padding. However since I don’t want to change the normal posts blockquote padding (only the messed up comments part) I decided to add a defintion for the comments:

  #comments blockquote {
  border-left:30px solid #ddf !important;
  }

  the #ddf matches my comments section color!

  Yay! Thanks again Collin! :)

• 

  cornell · Member · Feb 18, 2007 at 9:59 pm

  • Copy link

  Nice one! glad you got it! :o)