• Hey everybody!

    I’ve been wondering how to change the way my blog displays quotes. I really dislike the box look that all of the templates use and I would rather just have the quoted text just display in a different color, like a dark blue or something. Any instruction, or resources I could look to for this? Any help would be greatly appreciated!

    Thanks – Will

Viewing 8 replies - 1 through 8 (of 8 total)
  • That’s not a question for troubleshooting but rather for CSS matters.

    But anyway, here is a suggestion:

    ‘blockquote {
    font-family: ‘Trebuchet MS’, ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    font-size: 1.4em;
    margin: 15px 30px 0 10px;
    padding-left: 35px;
    color: rgb(0,17,34);
    }

    blockquote cite {
    margin: 5px 0 0;
    display: block;
    color: rgb(51,51,51);
    font-size: 0.9em;
    }’

    Ahev you tried alternative themes? If you prefer changing just the quotes (blockquote), consider changing the stylesheet of the current theme. Use csszengarden for design inspirations.

    [moved to Themes and Templates]

    Thread Starter wkirby

    (@wkirby)

    Well, I really like the themes that I have. I’ve edited everything else to my liking, but this is one last thing that I haven’t been able to figure out on my own. I’ll try the suggestions you guys have made! If you can think of anything else, let me know!

    Thread Starter wkirby

    (@wkirby)

    I’m still having trouble, for some reason when I edit these values I can’t change the color from the default black to a dark blue, nor can I get rid of the indent. Really all i’m wanting is the quoted text to look just like the text before and after it except it’s just a different color. Any ideas?

    Are you sure you are editing the style of the right element? If so, could you list the code and explain what you have done or are trying to achieve? Thanks.

    OK – I am a rank beginner. A virgin. My new blog has only 2 posts. http://elemental-astrology.com/blog/

    I fiddled around with the above instructions and what was already there (I am working with the Kubrik Theme in 2.0) and came up with this.

    {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    display: block;
    color: rgb(51,51,51);
    }
    Now, I would like to figure out how to adjust the color in the template. I know how to do it by hand.

    But if anyone knows where to find a color code key, I would appreciate it. I would like to mess around with some other colors.

    It seems like a dark shade of grey with an abnormal (depracated?) respresentation type of color. I suggest you use the following tool:

    http://www.meyerweb.com/eric/tools/color-blend/

    It is more than is necessary, but just replace rgb(51,51,51); with e.g. #515151; or pick a better colour using the colour blender of Eric Meyer.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Editing how my blog displays quotes.’ is closed to new replies.