February 22, 2006

Blockquote styles

Hey all....

I checked all the help topics at right, but I didn't see anything related to adding a bit of pizzazz to blockquotes. Like, for instance, changing the background color of a blockquote, the font, etc.

Any hints?

Posted by Rhodey at February 22, 2006 09:29 PM | TrackBack
Comments
#1

Hey,

I have done what you are trying to do. I went in to my StyleSheet Template and made the change there. I scrolled almost all the way down to .posts blockquote. There is where you will find the background, border and so on.

Hope this helps!

SR

Posted by Sacramento Republicrat at February 22, 2006 09:43 PM
#2

Thanks, but I cannot locate the word "blockquote" anywhere within my stylesheet template let alone the terms ".posts blockquote."

Is it a code I have to add instead of modify? If so, what and where?

Thanks much.

Posted by Rhodey at February 22, 2006 11:15 PM
#3

Kinda cool to be able to address a comment to the Colossus!

Your current CSS (Stylesheet) doesn't contain any styling for blockquotes, so you'll need to add it. You can put it pretty much anywhere, but my suggestion would be to group it with the other styles that affect post text display. In your case, my suggestion would be to insert it just above the styling for the calendar elements.

Here's the code for blockquotes for this blog (Munuviana) so you can see the effect the different parameters create:

blockquote {
            margin:15px 12px 15px 12px;
            padding:8px 10px 8px 10px;
            border: 1px solid #C3A348;
            border-left:8px solid #D7C286;
            border-right:8px solid #D7C286;
            color:#000000;
            background:#7F3E7;
            }

You can paste that into your stylesheet, then adjust the individual parameters to your needs. Note that in cases where there are four numbers, they are affecting each side of the 'box' separately, and the numbers always apply in this order: top, right, bottom, left.

Margin = the space between the 'box' and the sides of the text column/space between the preceding and following text.

Padding = the space between the borders of the 'box' and the text inside it.

Border = self-explanatory. The "#C3A348;" at the end is the hex code for the colour of the line.

Border-left (etc) = the opportunity to make the lines different thicknesses on each side (optional).

Color = colour of the text inside the 'box'.

Background = obvious, again the code refers to the hexadecimal name of the colour. (There's a basic hex colour reference here or you can search for more via Google. Many image editing applications list the hex codes in their colour pickers/palettes as well, if you use one of those.)

Paul

PS After making changes, don't forget to save your template and then rebuild just your Index files to see the results of your changes. (No need to "Rebuild All", as that will unnecessarily load the server.)

Posted by Light & Dark at February 23, 2006 05:36 AM
#4

Sorry, an addendum to the above addendum...

Once you are completely happy with your new blockquotes, should you wish to apply the style to all your all your old posts, you will need to do one last "Rebuild All". But wait until you're sure you're satisfied, so you only need to do that process once.

p.

Posted by Light & Dark at February 23, 2006 05:45 AM
Live Comment Preview
Post a comment









Remember personal info?