[tomdkat]

Hi! On various pages, we’re using a “featured image” which automatically appears in the page header (under the navigation menu). We would like to make the height of the section, where the feature image appears, taller to match the height of the selected image.

Here is an example: https://www.birthandbeauty.com/what-is-birth-photography/

At the top of that page, the featured image is cropped. We would like to extend the height of the area where the image appears to be taller, to match the actual height of that image.

I experimented with the CSS a bit and came up with a solution, but I don’t think that’s the correct approach. What’s the best way to deal with this?

Thanks in advance!

[tikaram]

@tomdkat: I checked your site and it looks like the header image is loaded fully. Can you please let me know the device that you have used to test the site so that I can replicate the same issue at my end. Let me know if you have any more theme related issues.

Regards,
Tikaram

[tomdkat]

@tikaram Thanks for the reply! So, I created a test page that better illustrates the problem. Please look at this page:

https://www.birthandbeauty.com/featured-image-header-test/

The image, in the body of the page, is the same image selected as the “featured image” of that page. You’ll better notice the featured image isn’t the same height as the same image, shown in the body of the page. We would like the featured image to appear at the images full height, if possible.

Thanks!

[tikaram]

@tomdkat: The recommended size for featured images is 1920px * 440px. Any image with height greater than 440px is cropped by the theme. It looks like the image that you have used is of larger height than the recommend size. If you would like to use image of larger height you will need to create a child theme and make changes in child theme. If you already have a child theme please let me know I will guide you to get the desired changes.

Regards,
Tikaram

[tomdkat]

Thanks for the reply. I believe you’re referring to the image height above because in the dimensions “1920px * 440px”, the “1920px” is the width. In any event, having to create a child theme is NOT something I would like to do unless absolutely necessary. What are the changes of having the Photofocus Pro theme be enhanced to have a configuration setting that controls the dimensions of the featured image? I presume if I create a child theme, I can adjust some PHP files to adjust the dimensions of the area where the featured image appears. If that’s the case, could that be made part of the base theme, by the theme developers?

If there’s no interest in this kind of enhancement, I’ll either create a child theme or I’ll have to find another theme, entirely, and stop using Photofocus Pro.

Please find out if there’s any interest in adding this functionality as an enhancement to the current theme. If there’s simply no interest in that, I’ll need to decide how to proceed next.

Thanks!

[tikaram]

@tomdkat: sorry, I have corrected my reply above. I am referring to the height of the image. I understand your concern regarding the changes to be made in the base theme but that’s going to impact the entire users of the theme. The image dimension are coded and not available in theme options. The best way is to create a child theme and make the changes in the child theme. I can provide you the child theme with the desired code all you will need is to activate the child theme and regenerate thumbnails. Please let me know so that I can help you resolve the issue.

Regards,
Tikaram

[tomdkat]

Thanks for the reply. I understand how child themes work but I have a question about using a child theme, in this case. If I either create my own child theme or use the theme you provide, that will contain the change required to effectively “override” the base theme functionality. If there’s a future change to this same functionality, in the base theme, I would need to either update the child theme (accordingly) or switch back to using the base theme, correct?

Thanks!

[tikaram]

@tomdkat If the same changes occur in the base theme you can just switch back to the base theme and ignore the child theme else you can continue with the child theme. Once you create a child theme no more changes are required in the base theme so that you can use it for long term and you can keep updating the parent theme. Let me know if you have any confusions.

Regards,
Tikaram

[Author]

Posts