Home Forums Pro Themes Construction Base Pro Project post issues

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #123094
    cabriostructures
    Participant

    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!
    Jana

    #123141
    wensolutions
    Keymaster

    Hello,

    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.

    #123198
    cabriostructures
    Participant

    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,
    Jana

    #123317
    wensolutions
    Keymaster

    Hello,

    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.

    #123353
    cabriostructures
    Participant

    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,
    Jana

    #123388
    wensolutions
    Keymaster

    Hello,

    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.

    #123445
    cabriostructures
    Participant

    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=sharing

    As 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,
    Jana

    #123583
    wensolutions
    Keymaster

    Hello,

    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.

    #123776
    cabriostructures
    Participant

    We are getting closer but the image stretches to fit the proportions: https://cabriostructures.com/project/lake-elmo-inn-mn/

    Thanks!
    Jana

    #123799
    wensolutions
    Keymaster

    Hello,

    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.

    #124030
    cabriostructures
    Participant

    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,
    Jana

    #124192
    wensolutions
    Keymaster

    Hello,

    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.

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.