WordPress.com

1. skyblueguy
   Member
   Oct 10, 2012, 12:16 AM

   I want to add an image between the header text the menu navigation bar.

   Is there any workaround for this by adding a css script under "Appearance > Custom Design > css"?

   Thank you very much for your help!

   The blog I need help with is mygodchristahnsahnghong.com.

2. designsimply
   Happiness Engineer
   Oct 13, 2012, 12:05 PM

   I see you figured this out using the following CSS:

   .site-header hgroup {
   	padding-bottom: 174px;
   	background:url('http://user.chol.com/~h92002/background2.jpg');
   	background-repeat:no-repeat;
   	background-position:left bottom
   }

   Nice work!

3. skyblueguy
   Member
   Oct 13, 2012, 4:18 PM

   Thank you very much.

   In fact, I would like to delete the "SEARCH" section on the right and to center align the header image (I inserted the image just for testing purpose and currently it is truncated.)
   Is there any workaround for this?

4. designsimply
   Happiness Engineer
   Oct 13, 2012, 5:13 PM

   To hide the search box in the Sight theme header area and make the site title and description area full width, add this to your Appearance → Custom Design → CSS editor:

   .header-nav-search-container {
   	display: none;
   }
   
   .site-header hgroup {
   	width: 100%;
   }

   If you would like the header image to be wider, find this CSS block in your Appearance → Custom Design → CSS editor, and replace the url() value with a wider image:

   .site-header hgroup {
   	padding-bottom: 174px;
   	background:url('http://user.chol.com/~h92002/background2.jpg');
   	background-repeat:no-repeat;
   	background-position:left bottom
   }

5. skyblueguy
   Member
   Oct 13, 2012, 8:16 PM

   Really thanks for your help.

   Have a nice weekend!

Topic Closed

This topic has been closed to new replies.