How do I customize the header?

Can I change the blue box around the logo in the header to a photo? How about a slider that expands full width?

I'd like my site to look more like this one: http://supportcoloradosmallbusiness.co/

My site is: www.ExploreSouthMetroDenver.com

 

Hello,

If you wish to put background image instead of the blue color than kindly use the following CSS code:

Code:

.header_wrapper .header{
background: url(http://localhost/wordpress/wp-content/uploads/2015/05/page-title-1600x300.jpg) no-repeat;
}

The optimal size of the image should be image 1600x300 pixel. Also kindly change the image URL path as the path mentioned in CSS code is a sample one.
For slider part could you confirm, do you wish to make your listing slider of full width.

 

Interesting topic here.

 

Question: Dose that CSS code go in the Custom CSS box?

 

Yes....

I'm still working on mines www.SelfServiceLeads.com

Create the image you want to use. I use Photoshop for mines. I than uploaded it to your Media Library. To get the actual link to that image simply hit edit and copy the URL that given to you.

Take that URL and add it in the "(http://wwww.yoursite.com/wp---blah, blaj)"


It will look like this

.header_wrapper .header{
background: url(http://wwww.yoursite.com/wp---blah, blaj.jpg) no-repeat;
}


I hope that helps.

Jose

 

marketingsalesllc,

I did that and it works, But the Geo Craft Logo and wording is overlapping my image, any ideas how to get rid of that?

 

What's your directory URL zoro909?

 

The GEO CRAFT logo is overlapping on my image. Have a look: http://localgardenservices.com.au/

How do I get rid of it?

Also, I made the image 1600 x 300 but only one third of the image is shown, why is that?

I should add that it's only a test image until I get things figured out.

 

Yes, I see the over lapping. It's weird. Looks like there a bit of code that's off. It's hard to say without actually seeing it.

 

Admin, please advise.

 

Hello Marketingsalesllc,

I have just visited your site and found that you have added a header background image, That's why the logo is appearing on that.

You can simply hide the logo by applying below CSS code in Custom CSS field located in Dashboard->Geo Settings>Theme Options->Styling Options

Code:

.header_wrapper .logo_wrapper .logo img{
display:none;
}

This will resolve your issue,

Warm Regards!
Naveen Kolhe
InkThemes.com

 

Thanks for your help. You css code worked and issue is now Fixed

 

Looks better now. Did you get my message about borrowing your policy page my friend?

Jose

 

OK, please don't just copy it verbatum, but you're welcome to use it as a template and change some wording to suit your site

 

Thank you my friend.