WordPress.org

1. tyler1234
   Member
   Posted 7 months ago #

   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!

2. alchymyth
   The Sweeper
   Posted 7 months ago #

   please post a link to your site;

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

3. tyler1234
   Member
   Posted 7 months ago #

   Hi Alchymyth,

   It's still under construction, but here it is: jobs.drvino.com

   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; }

Reply

You must log in to post.