- This topic has 13 replies, 2 voices, and was last updated 3 years, 10 months ago by
.
-
Posts
-
Hello,
I am having a few funky things happen on my project posts:
1. The feature images on each project are cropping to square when they should really be the slider image size (1920px X 800px). Is there any way to either remove the crop or change the crop to be set for slider image size?
2. On some of the projects there’s a “related” section. I don’t see an option to remove this for all.
Both of these issues are shown on the below page:
https://cabriostructures.com/project/al-vento-mn/Thank you!
JanaHello,
We are actually quite not clear about the issues. Which section are you referring to? For your information, the slider section will adjust itself according to the image height. Also, the same size of the image as in the slider will not appear in other sections.
Regarding your query about the “related” section, you can hide the related section adding CSS following the path Admin Panel > Appearance > Customize > Additional CSS,
.single .site-content #jp-relatedposts{ display: none!important; }Hope this helps.
If you have further queries, let us know.
Regards.
Thank you, the code worked.
Regarding the first query about the feature image, some photos even though they are sized to 1920×800 px (which is the size I would like the feature images to be), they will show up square, thumbnail cropping. See this link for example: https://cabriostructures.com/project/zzest-market-cafe-mn/ The image size is 1920×808 px but it is showing up as a square. This doesn’t happen consistently but I would like the feature image to be the 1920 x 800 px size I have the pictures at.
Thank you,
JanaHello,
The image will crop and adjust as per its size which is managed by the theme.
If you have further queries, kindly let us know.
Regards.
Hi,
Half of the project cover images aren’t cropping to a square at the top of the page. For example: https://cabriostructures.com/project/patrick-mcgoverns-pub-mn/ Is there a code to make the cover image not crop at all, or crop to the 1920×800 px dimension?
Thank you,
JanaHello,
You can add CSS following the path Admin Panel > Appearance > Customize > Additional CSS, to resolve the issue.
#custom-header{ padding: 176px 0; }Please verify that image will display as per your requirement.
Hope this helps.
Regards.
I think we are still talking about different things. The above CSS edited the header image, I’m talking about the feature image or “Project Cover Image”, as it is called in project pages. See this screenshot that explains the issue I’m having:
https://drive.google.com/file/d/1rLdWIkNcqVdcdYFxTphrsgA4rIkA8J0p/view?usp=sharingAs you see in the screenshot, the first image of this project page (https://cabriostructures.com/project/lake-elmo-inn-mn/) is cropped to a square even though the original is a rectangle. This means you have to scroll a long way before you get to text.
Some projects don’t have this issue, which is confusing to me.
This is the import area for the Project Cover Image, if it helps you understand what I’m talking about: https://drive.google.com/file/d/1LTR2O09gFevMo6qwRN9JtCw34CVZYBDk/view?usp=sharing
Thanks,
JanaHello,
Regarding your query, please add below-given CSS in Additional CSS section following the path Admin Panel > Appearance > Customize > Additional CSS
.single .single-featured { height: 500px; } .single .site-content .single-featured img { height: 500px; }Hope this helps.
If you have further queries, let us know.
Regards.
We are getting closer but the image stretches to fit the proportions: https://cabriostructures.com/project/lake-elmo-inn-mn/
Thanks!
JanaHello,
To maintain the image as it is without the stretch, we have to make the height as it was before for the original image.
If you have any queries, kindly let us know.
Regards.
Hi,
So there is no way to override whatever is making the image crop to a square?
If that is the case can we remove this top image all together? A square image is much to large at the top of these pages.
Thank you,
JanaHello,
You can refer to the documentation given below which might help you with the issue related to the image quality improvement.
https://wptravel.io/image-quality-problem-in-trip-gallery-and-thumbnail/
If this won’t help, we can provide you with the CSS that will remove the header image as you have mentioned. Also provide us with the URL of the specific page so that we can help with you with the precise fix.
Regards.
Hi,
That article didn’t help with the issue I was having. What ended up helping is in the “Setting” section of the “Projects” and in the “Images” tab there are preset sizes for photos, all automatically set to square proportions. I deselected all of them and then the photos on my projects pages went back to their original proportions. I messed around with different sizes for the presets but they didn’t seem to do what I wanted them.
Anyway, in case this helps anyone else who is having this same issue of the top image on their project pages showing up as a square, disable the preset sizes.
Best,
JanaHello @cabriostructures,
Yes, the project section crops the image in a certain size to adjust the image.
Glad that you figured out the workaround.
Let us know if you have any queries/confusion further.
Thank you.
- You must be logged in to reply to this topic.
