WordPress.org

1. adamkpetersen
   Member
   Posted 5 months ago #

   I am working on my webpage but my template puts a white box around my logo. Is there a way to remove this? I know I am supposed to use Custom CSS but I am not sure what the code should look like.

   This is what the header.php looks like now (Not sure if this helps at all):

   <!-- SITE LOGO -->
   		<?php if( of_get_option('site_logo') ): ?>
   		<a id="logo" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
   			<img alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> logo" src="<?php echo of_get_option('site_logo'); ?>" />
   		</a>
   		<?php else: ?>
   		<a id="logo" class="logo_ph" href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"></a>

   Here is a picture of the logo in the white box:

   http://www.diigo.com/item/image/23far/7nra
   (Click "View Original Size")

   Thank you so much for your help! I really appreciate it.

2. donsony
   Member
   Posted 5 months ago #

   You got nothing to do with this code. You gotta edit either .logo_ph or #logo or .logo values in styles.css to rectify this.

3. adamkpetersen
   Member
   Posted 5 months ago #

   Okay I see this in style.css:

   /*==============================================//
   // HEADER
   //==============================================*/
   
   #logo {
   width: 162px;
   padding: 30px;
   display: block;
   }
   
   #logo img {
   max-width: 162px;
   margin: 0 auto;
   }
   
   #logo.logo_ph {
   background-image: url(images/logo-light.png);
   background-repeat: no-repeat;
   background-position: center center;
   height: 73px;
   }

   But when I edit and save it, it doesn't change my page. I have already set the permissions to 777 as well.

4. sacredpath
   Member
   Posted 5 months ago #

   Can you give us a link to the site?

   Also, did you try changing background-image in #logo.logo_ph to none?

   background-image: none;

   I'm guessing since I can't Firebug your site to make sure, but the above looks logical.

5. sacredpath
   Member
   Posted 5 months ago #

   I found the site. This will get rid of the background (I noticed you've stretched the white area across the top now). I've also included getting rid of the box shadow.

   #logo {
background: none !important;
box-shadow: none !important;
}

6. adamkpetersen
   Member
   Posted 5 months ago #

   Thank you!

7. sacredpath
   Member
   Posted 5 months ago #

   You are welcome.

Reply

You must log in to post.