Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 23, 2015 at 1:34 pm #61381
    Cattext
    Participant

    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?

    July 24, 2015 at 8:50 am #61419
    Sakin
    Keymaster

    @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.

    July 24, 2015 at 3:09 pm #61444
    Cattext
    Participant

    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.

    July 25, 2015 at 4:02 am #61501
    Sakin
    Keymaster

    @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;
}
    July 31, 2015 at 6:36 pm #61883
    Cattext
    Participant

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

    July 31, 2015 at 7:42 pm #61889
    Sakin
    Keymaster

    @Cattext: Cool 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘header height and menu blocks’ is closed to new replies.