Altering the Quote Box

I've seen it done before, and before I play with it, I want to know how extreme I can change it.



But how would I get it to this kind of box:

Example.

Add me to the "want to know list as well"

Bump.

I think, this would help you.Add it to your CSS Stylesheet.

Code:

.blockquote {
  background: #363636 none repeat !important;
  border-width: 1px 1px 3px;
  border-style: solid;
  border-color: #606060;
  border-radius: 3px;
}

Not working for me on invision.

Good

@Six Letters you don't want the top part that says Guest quote part? Or you just want the design of the quote to change? Because from what i can see you have it as you show it..

I mean the box itself. I want to change the design. I know I can add the quote author like so:

Example wrote:Example

Like if I wanted to turn the quote box into:

Code:

<center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #7AB85C; background-color: #BE5F7C;">
</td></tr></table></center>

Six Letters wrote:I mean the box itself. I want to change the design. I know I can add the quote author like so:

Example wrote:Example

Like if I wanted to turn the quote box into:

Code:

<center><table><tr><td style="width: 475px; padding: 5px; border-width: 3px; border-style: double; border-color: #7AB85C; background-color: #BE5F7C;">
</td></tr></table></center>

Yes could you show us what part of the quote table you want to change? Maybe a screenshot showing us what you want to change would help.

I honestly have no idea how to explain it.

To be honest the only difference i see is the display:inline-block;
Nothing else. You want to make the width fixed to the text?

Like say I wanted to add a border code to the quotebox, how would I do that?

A border around the quote box ? You can use the border property to specify a border for each side of the container. That is :

Code:

blockquote {
  border:1px solid #FFF;
}

Depending on the rule placement you may need to make the border property !important.

If not that, do you want to have an inner border like on your table example where it appears there's two borders ?

Oh, I see what the problem was. KpuCk0 had the code with a "." at the beginning which was why it did not work.

Thank you Ange.

This is solved now. I figured it out.