WordPress.org

1. ilnz
   Member
   Posted 9 months ago #
   

   This might seem silly but all i want to do is get rid of the white box around my header image, and i cant figure out where it is in my css.

   http://www.theinsider.co.nz

   First website and your help would be appreciated. thanks

2. radhika
   Member
   Posted 9 months ago #
   

   you have defined the header image in header.php template of your theme. Search ' #pagehead ' in header.php template:

   #pagehead{
   background-color:transparent;
   border-color:transparent;
   background-image:url("http://theinsider.co.nz/wp-content/uploads/2012/08/insider-12802.jpg");
   background-position:center top;
   background-repeat:no-repeat;
   width:1200px;
   height:315px;
   }

3. melgomez
   Member
   Posted 9 months ago #
   

   locate #all in your stylesheet (style.css) and put it this way:

   #all {
       border: medium none !important;
       padding: 0 !important;
   }

   So as to fix the differences made by the css lines above insert this one too

   #pagebody {
       padding: 10px;
       width: 1180px !important;
   }

4. ilnz
   Member
   Posted 9 months ago #
   

   Thank you so much! that worked a treat! i know my html, but i dont know css... will need to start soon i think!

5. melgomez
   Member
   Posted 9 months ago #
   

   Yeah.. you better be cool with css since you'll be needing it in terms of theme customization. You're welcome and good luck.

Reply

You must log in to post.