WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] changing the block quote background color? (7 posts)

  1. addcoach
    Member
    Posted 9 years ago #

    I've tried going into my theme's style.css page and looking for the block quote tag because I want to change the background color to blue from the original template. I also want to change the background color of the comments section and the outside border of the blog to blue too, but don't know the name of those tag

    I thought this was the tag but i've changed the colors and has no effect.

    #content div.post div.storycontent blockquote

    any ideas what the name of the css tag that should control the background color of the block quote or the background color of comments and outside background( ie borders bars on the left and right side of the blog? do i need to change more than the css tags?

    the blog is it's http://www.adultaddstrengths.com

    thanks

    Pete

  2. jwurster
    Member
    Posted 9 years ago #

    There should be a blockquote and comments section in the css.

  3. Marc
    Member
    Posted 9 years ago #

    This section should change the borders at the outside of your content
    {
    background: #FFFFFF;
    margin: 0 auto 0 auto;
    width: 729px;
    text-align: left;
    border: <strong>3px solid #5F707A;</strong>
    }

    This section should be for the blockquote.

    #content div.post div.storycontent blockquote
    {
    background: <strong>#87B1EA;</strong>
    border: 1px solid #87B1EA;
    border-left: 2px solid #87B1EA;
    font-family: Georgia, Times New Roman, serif;
    font-size: 11px;
    margin-left: 20px;
    padding: 4px 4px 4px 7px;
    width: 80%;
    }

    It looks like you had the right section for the blockquote, if the change doesn't appear make sure you clear your cache or refresh a number of times.

  4. addcoach
    Member
    Posted 9 years ago #

    Thanks Marc, worked perfectly, I just forgot to empty the cache.

    Pete

  5. popf
    Member
    Posted 9 years ago #

    ----------------------------------------------------------------------
    blockquote {

    margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
    ----------------------------------------------------------------------
    to

    ----------------------------------------------------------------------
    blockquote {

    margin: 10px; padding-left: 20px; border-left: 2px none; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 0.9em; background-color: #E6E8E8; }
    ----------------------------------------------------------------------

    you can see what how it looks like
    http://popf.com.ru

  6. sevenredseven
    Member
    Posted 7 years ago #

    hmm

  7. sevenredseven
    Member
    Posted 7 years ago #

    emphasis
    <i>italic</i>
    strong
    <b>bold</b>
    <cite>citation</cite>
    <del>deleted</del>
    <ins>inserted</ins>
    <sup>superscript</sup>
    <sub>subscript</sub>
    computer code

Topic Closed

This topic has been closed to new replies.

About this Topic