[Cattext]

Hi Sakin,

In the Adventurous theme, the dimensions of the header photo are fixed to 1600 x 400 px.
However, we find 400px a bit too high. If I try to upload a photo of 300px high, it doesn’t work and it will upscale to 400px.
Is there a way to decrease the height of the header photo?

And on a different website I’m using the Kathmandu theme and in that theme the menu-items have colored blocks around them. Can I implement that into Adventurous too?

[Sakin]

@Cattext:
1. In Adventurous Free theme slider, it take the image size of Width: 1600px and Height: 600px. But if the image is smaller then this, then it will take your default image. So, when you add featured image, just upload the image with the size of 1600px width and 400px height. Please post in your site URL so that I can check in.

2. I don’t know what type of colored blocks are you trying to implement it. So, can you add in your site which is using Catch Kathmandu theme.

[Cattext]

Hi Sakin,

1. I don’t mean the slider, but the static header image that changes only if you go to a different page. Here’s the link: http://www.marktmonitor.com/nieuw/

2. This is the one: http://www.kennisplatformbodemenergie.nl/
There’s a red block around the active menu item. It probably has a name, but I don’t know it.

[Sakin]

@Cattext:
1. Yes, it’s same with Header Featured Image. If you look at your page http://www.marktmonitor.com/nieuw/. You have featured header image size of 1600px by 400px. Check this image, you have uploaded http://www.marktmonitor.com/nieuw/wp-content/uploads/2015/07/cropped-3.-MarktMonitor-Voor-toekomstgericht-onderzoek.jpg. So, if you want it to be 1600px by 300px, then first make your image of that size and then upload it as featured image in that page/post. Then go to “Appearance => Theme Options => Header Featured Image Options => Page/Post Featured Image Size” and check in “Full Image”. This will load the original image that you have uploaded without any cropping.

2. For that color in menu, you can add the following css in “Appearance => Theme Options => Custom CSS” box:

#header-right .widget .menu a {
    padding: 5px 10px;
    margin-bottom: 15px;
}
.fixed-header #header-right .widget li > a {
    padding-bottom: 5px;
    margin-bottom: 5px;    
}
#header-right .widget ul.menu ul li a {
    margin-bottom: 0; 
}
#header-right .widget ul.menu li:hover > a, 
#header-right .widget ul.menu a:focus, 
#header-right .widget ul.menu .current-menu-item > a, 
#header-right .widget ul.menu .current-menu-ancestor > a, 
#header-right .widget ul.menu .current_page_item > a, 
#header-right .widget ul.menu .current_page_ancestor > a {
    background-color: #d31b3a;
    color: #fff;
}

[Cattext]

Thanks Sakin. I think I got it working.
It’s up for review now 🙂

[Sakin]

@Cattext: Cool 🙂

[Author]

Posts