homemadejam

Hello!

Yes, it is the same image for all pages at this point. This theme defaults to the header image if a featured image is not supplied for a given page.

That said, compare the size of the header image on the home page-
https://fertilegroundllc.org/

to the size of the image on the About page-
https://fertilegroundllc.org/about-us/

The header image on the homepage is greater in height than that of the About page. I want it to be the same height as the About page.

It’s not about the height of the image itself, as the space it is given to display on the homepage versus all other pages.

I think I may have found it:

@media screen and (min-width: 60em)
.lodestar-front-page .custom-header-image {
    height: 1200px;
    height: 100vh;
    height: calc( 100vh - 85px );
    max-height: 100%;
}

versus

@media screen and (min-width: 60em)
.custom-header-image {
    height: 750px;
    height: 75vh;
    height: calc(75vh - 85px);
    margin-top: 85px;
}

Just need to adjust the height setting. I am unfamiliar with the unit “vh” so I will need to do some research on that to make sure I’m adjusting it properly and not breaking any responsiveness.

Any advice would still be appreciated. Thanks!

• This reply was modified 6 years, 2 months ago by homemadejam. Reason: missing code fragment

This works perfectly – thank you so much!

Problem resolved – I needed to set the slide background image to the “Fill” setting.

Laszlo and Gabor were super helpful. Going to go give a 5 star rating right now.

• This reply was modified 6 years, 5 months ago by homemadejam.

Hello Laszlo,

Your screenshot definitely looks different than mine (and is more like what I want it to be!).

I have submitted a support request at the Smart Slider site, as suggested.

Hello Laszlo!

Sorry, you probably saw the slider when I reverted back to the original (my client wanted to see the current situation).

I have created a copy of the page in question, with the settings Gabor suggested.
https://stephensaxenian.pairserver.com/lucy-saxenian-copy/

Hello Gabor,

Thank you for the explanation and advice.

Is there a way to change the background width setting?

When I turn off upscale and use align center, the image ends up hanging in the center of a lot of white space. I understand that white space will naturally appear on both right & left sides if a maximum width is set. But an equal amount of margin is being applied to the top and bottom as well.

A clever user over at Reddit offered this solution-

.site-header-main {
    align-items: flex-end;
}

Works great!

• This reply was modified 6 years, 6 months ago by homemadejam.

I tried to reproduce the gallery with the display error but it is no longer occurring.

Hello!

Thank you for being so quick & responsive! And apologies on my part for not checking back here earlier. I move a lot slower in the summertime.

My problem was solved by switching from Vertical for the Gallery Type to Fixed.

If it would help, I could reproduce the gallery on the site with the original Gallery Type so you can troubleshoot. Let me know! I will respond promptly this time ??

Thanks again – I use many of your plugins and they are great!

Well, one way to resolve this issue is to choose Fixed Columns for the Gallery Type.

Still not sure why the thumbnails are cropping oddly in the Fixed Gallery Type so I will leave this open in case anyone else has this problem or finds a solution.

Hello SimpleCalendarSupport,

I went and tried to repost this support request at the URL you supplied but the form there requires that I enter “any of your Simple Calendar premium add-on license keys”.

I do not have any premium add-on license keys. I just have the free version of this plugin without any add-ons, premium or otherwise.

Is support only available for premium customers?

Thank you!

Nilan at ThemeGrill Support kindly answered this for me and I thought I’d share it here in case anyone else is looking to do this.

In this example the header image has been reduced to 500px (and then to 250px for smaller screen).

.wp-custom-header {
    border-bottom: 1px solid #BAE2DC;
}

.header-image-wrap {
    width: 500px;
    margin: 0 auto;
}

.header-image {
    border-bottom: none;
}

@media screen and (max-width: 768px) {
	.header-image-wrap {
		width: 250px;
	}
}

button.menu-toggle {
    display: none;
}

Here is a good recent article on this subject: Tips for Simplifying WordPress to Make it Client-Friendly

And here is a good plugin that might help you: Client Dash