[resolved] adding a black background and creating an area above the post field (4 posts)

  1. picthechic
    Posted 6 years ago #


    I just have two things that i need help with :)

    I'm building a simple site: crossranger.com
    If you see the site on the right sidebar, i have events calendar and gallery the heading is in orange, I would like to add a black background to this heading.

    I have tried to edit the code but I had no joy with it
    below is the code from stylesheet

    /* Sidebars */
    #leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}
    #extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
    #leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
    #leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
    #leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
    #leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
    #leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
    #leftside ul.linklist, #extras ul.linklist {font-size:1em;}
    #leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
    #leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
    #leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#ffcc33; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
    #leftside label, #extras label {display:none;}

    Also on a serparte ponder, I was thinking it would be a nice touch to add an area above where the blog posts start that gives a welcome to the site or introduction
    I've had a look online for tutorials but i'm unable to find anything, perhaps this can't be done??

    Thanks :)

  2. esmi
    Forum Moderator
    Posted 6 years ago #

    Try adding:
    #extras h2 {background:#000;}
    to the bottom of style.css.

    As for your intro text, the easiest method would to be to edit your theme's index.php file and hard code your intro into that template file.

  3. picthechic
    Posted 6 years ago #

    brill that code worked a treat

    i'll edit the index.php, see how i get on :)


  4. picthechic
    Posted 6 years ago #


    I found this pugin for added an intro to blog if anyone needs to find it

Topic Closed

This topic has been closed to new replies.

About this Topic