Support » Themes and Templates » Adjust width

  • I’m trying to make my main text area wider. Here’s the relevant code from the css:

    /* structure */
    #container { background:url(../images/bg_header.gif) repeat-x; width:100%; }
    #container-bg {  no-repeat bottom center; }
    #page { width:998px; margin:0 auto; }

    I changed the width to 1098px but then it overlapped the background by 50px on each side. How can adjust the background header so there’s no overlap? I am a code amateur, so I paste the header info here in case that is of use:

    /* header styles */
    #header { height:120px; position:relative; z-index:2; }
    #header h1 a { display:block; width:405px; height:60px; position:relative; top:40px; }

    Thanks for any help, oh knowledgeable ones!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael


    Forum Moderator

    please post a link to your site;

    without seeing the issue, it is virtually impossible to help with formatting problems.

    Hi Alchymyth,

    It’s still under construction, but here it is:

    I also tried to widen the sidebar by 100px and you’ll see that the “post a job” button isn’t centered over the text below it now. Here’s (what I think is) the relevant code for that:

    /* sidebar::post job */
    #post-job { height:92px; background:url(../images/bg_post.png) no-repeat; text-align:center; padding:20px 0; }
    #post-job a { display:block; text-indent:-9999px; background:url(../images/btn_post_job.png) no-repeat top center; width:300px; height:58px; }
    #post-job p { font:normal 15px Georgia,serif; color:#7e7d79; font-style:italic; padding-top:10px; }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjust width’ is closed to new replies.