SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Threaded View

  1. #1
    SitePoint Zealot bemmott's Avatar
    Join Date
    Mar 2007
    Location
    NY, USA
    Posts
    172
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    stylesheet.css for blog - huh?

    I have something of a peculiar situation on my Wordpress blog. http://brucesplace.net/wordpress

    I have been going over the stylesheet.css for a good 30 minutes trying to find how to make the H2 in my content area color #00398A to match other text and highlight it in posts.

    The Web Developer add-on identifies the area as "#contentmiddle H2", however going through the stylesheet does not show a "#contentmiddle H2" at all. It does, however, show a "#content H1".

    Below is the pertinent section of the stylesheet.css ...

    /************************************************
    * Content *
    ************************************************/

    #content {
    background: #E5E5E5;
    width: 861px;
    margin: 0px auto 0px;
    padding: 0px;
    }

    #content p{
    padding: 0px 20px 15px 0px;
    margin: 0px;
    line-height: 15px;
    }

    #content p img{
    float: left;
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
    }

    #content h1 {
    color: #00398A;
    font-size: 18px;
    font-family: Arial, Verdana, Arial, Sans-Serif;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    }

    #content h1 a {
    color: #333333;
    text-decoration: none;
    }

    #content h1 a:hover {
    color: #AAAAAA;
    text-decoration: none;
    }

    #content ol{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 15px 0px;
    }

    #content ol li{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 0px;
    }

    #contentmiddle {
    background: #FFFFFF;
    float: left;
    width: 590px;
    margin: 0px;
    padding: 20px 0px 20px 20px;
    border-top: 10px solid #E5E5E5;
    border-left: 10px solid #E5E5E5;
    border-bottom: 10px solid #E5E5E5;
    }

    #contentmiddle p img{
    float: left;
    border: none;
    margin-right: 15px;
    margin-bottom: 10px;
    }

    #contentmiddle ul{
    list-style-type: square;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 15px 0px;
    }

    #contentmiddle ul li{
    list-style-type: square;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    }

    blockquote{
    margin: 0px 0px 0px 25px;
    padding: 0px 25px 0px 10px;
    font-style: italic;
    color: #00398A;
    }

    #content blockquote p{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    }

    #contentmiddle ul li {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    }

    #contentmiddle ul li a {
    color: #507AA5;
    text-decoration: none;
    }

    #contentmiddle ul li a:hover {
    color: #507AA5;
    text-decoration: underline;
    }

    #content img.wp-smiley {
    float: none;
    border: none;
    padding: 0px;
    margin: 0px;
    }

    #content img.wp-wink {
    float: none;
    border: none;
    padding: 0px;
    margin: 0px;
    }

    .postinfo {
    width: 550px;
    background: #EAEAEA;
    font-size: 11px;
    color: #333333;
    margin: 10px 0px 60px 0px;
    padding: 10px 10px 0px 10px;
    border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;
    line-height: 10px;
    }


    Would it then be permissible (advisable?) for me to copy the "#content H1" section of the code and just change it to "#contentmiddle H2"?

    Or am I missing something here that someone can assist me with. I would prefer not having to add inline CSS to every damned post if I can avoid it.
    Last edited by bemmott; Nov 27, 2007 at 19:18. Reason: correct tag
    Bruce ...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •