WordPress.org

Ready to get started?Download WordPress

Forums

Editing how my blog displays quotes. (9 posts)

  1. wkirby
    Member
    Posted 8 years ago #

    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

  2. Andreas Beer
    Member
    Posted 8 years ago #

    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;
    }'

  3. schestowitz
    Member
    Posted 8 years ago #

    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.

  4. moshu
    Member
    Posted 8 years ago #

    [moved to Themes and Templates]

  5. wkirby
    Member
    Posted 8 years ago #

    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!

  6. wkirby
    Member
    Posted 8 years ago #

    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?

  7. schestowitz
    Member
    Posted 8 years ago #

    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.

  8. stellarlogic
    Member
    Posted 8 years ago #

    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.

  9. schestowitz
    Member
    Posted 8 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic