WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Apply blockquote only to certain areas. (4 posts)

  1. awanderingsole
    Member
    Posted 4 years ago #

    Please have a look at the following page on my website:

    http://www.awanderingsole.com/about

    I would like the main area "About" to have a white background while maintaining the dark gray background on the sidebar. This will apply for all of my pages- I want the main area to be white with black text. I have found in CSS that the background is applied using blockquote. However, I obviously need to apply different blockquotes to different areas. Any suggestions about how too do this?

    Here is a snippet from my Stylesheet, hopefully this will help:

    /* Headlines */
    h1, h2, h3{
    font-weight: normal;
    line-height: normal;
    letter-spacing:-1px;
    }
    h1 { font-size:30px; }
    h2 { font-size:26px; }
    h3 { font-size:22px; }
    h4 { font-size:14px; }
    h5 { font-size:12px; }
    h6 { font-size:10px; }
    h1, h2, h3 {
    color: #6099ff;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin-top: 15px;
    }
    h4 {
    color: #a3d5ea;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    }

    /* Anchors */
    a, a:link, a:visited {
    color: #fff;
    text-decoration: none;
    }
    a:hover, a:active, a.active {
    text-decoration: underline;
    }

    /* Lists */
    #main div.box1 ul {
    padding:20px;
    list-style:inside;
    }
    #main div.box1 ol {
    padding:20px;
    list-style:inside;
    list-style-type:decimal;
    }
    #sidebar .box1 { margin:7px 0 18px; padding: 18px; }
    #sidebar #videos .box1 { margin: 0 0 20px; padding: 10px; }

    #sidebar ul, #sidebar ol {
    list-style-type:none;
    }

    blockquote {
    margin:15px 0; padding:10px 20px;
    border-bottom:1px solid #000;
    font:1.00em Georgia, "Times New Roman", Times, serif; color:#fff;
    background:url(images/bg-box.png) repeat scroll 0 0 !important;
    background: #222;
    }

    THANK YOU FOR ANY ADVICE YOU CAN OFFER!! I really appreciate it.

  2. awanderingsole
    Member
    Posted 4 years ago #

    I also found the file 'bg-box.png' in the following area:

    div.box1, ol.commentlist li, form#comments { background: url(images/bg-box.png) repeat !important; background: #111; }

    div.box1 {
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 20px;
    padding: 0px 20px;
    }

    Since I'm not sure what div.box1 exactly is, I'm not sure how to change it. I want the sidebar to stay the same and I have a file I created 'bg-box1.png' that is a white background to put in the main area...

    Any ideas??

  3. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    add this new into style.css:

    #main div.box1 {
    background: #fff url(images/bg-box1.png) repeat!important;
    color: #000;
    }
  4. awanderingsole
    Member
    Posted 4 years ago #

    Thank you so much! That worked. You're a lifesaver :)

Topic Closed

This topic has been closed to new replies.

About this Topic