Different Nav color with header image

This topic has 7 replies, 2 voices, and was last updated 10 years, 8 months ago by Eric.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
August 26, 2013 at 1:52 pm #6834
craig40not
Customer
Am using Epik 1.3.

I want a different color nav bar from the header but can’t figure out how to do it. One option is this site which uses a header image:

I tried to upload a different colored header image of size 1152×120 but WP wants to crop it. That size was okay in Epik 1.2 but has been changed in 1.3 to be much smaller. I suppose there was a reason.

What is the best way to get the look of with Epik 1.3?

Thanks

Craig
August 26, 2013 at 2:05 pm #6835
craig40not
Customer
Sorry for the markup mistake above. Let me try again:

Am using Epik 1.3.

I want a different color nav bar from the header but can’t figure out how to do it. One option is this site which uses a header image:

I tried to upload a different colored header image of size 1152×120 but WP wants to crop it. That size was okay in Epik 1.2 but has been changed in 1.3 to be much smaller. I suppose there was a reason.

What is the best way to get the look of above with Epik 1.3?

Thanks

Craig
August 26, 2013 at 10:32 pm #6858
Eric
Customer
The epik 1.3 theme is 1140px wide instead of 1152px. If you’re asking how to change the header background, take a look at #head-wrap in your css depending on which color you’re using. That’s how you would change the background color.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 26, 2013 at 11:04 pm #6860
craig40not
Customer
Sorry for the confusion. When I try to put in a header image, WordPress says it will crop it to 360 × 164. This is much smaller than the 1140 you mention.

However, it is accomplished, I want the site to look like this: http://www.jonloomer.com/

It looks like he uses a wide image.

I played with the #head-wrap you mention. That changes the background of the menu bar. I want them menu bar a different color than the header above it. Again, like http://www.jonloomer.com/

Thanks
August 27, 2013 at 1:05 pm #6880
Eric
Customer
First you would need to find out the exact size of your image, then you would need to edit the image size in your functions.php file before you add your logo. WordPress uses whatever the size in your functions file is as the default image size. So once you change it you won’t have to crop anything and it will upload automatically.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 27, 2013 at 2:29 pm #6892
craig40not
Customer
Thanks
August 27, 2013 at 2:32 pm #6893
craig40not
Customer
Thanks
August 27, 2013 at 9:42 pm #6903
Eric
Customer
You’re Welcome

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Different Nav color with header image’ is closed to new replies.