Portfolio Images Cropped

This topic contains 20 replies, has 2 voices, and was last updated by  Alma Viki 2 months, 1 week ago.

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #21209

    Ale_Vasa
    Participant

    Supported

    Hello,
    I’m having some issues displaying images correctly on portfolio pages.
    I’ve tried some and these are the issues I’ve encountered:

    Carousel Slider
    It doesn’t scale image heights in comparison with the height of the screen, therefore, making the extreme example of displying only 1 picture per slide while having a vertical image, it will result in one huge image that I’ll have to scroll vertically.
    On the other side if I make a mix of vertical and horizontal pictures it will scale the images down to the same width (determined by the number of pictures I want to show on the same page) therefore making impossible to have vertical and horizontal images with the same height (filling the page)

    Home Swiper Slider
    It crops images in an horizontal format regardless if they are vertical or not.
    I couldn’t find a way to make it work with vertical images (copy and pasted Portfolio Style 7)

    Horizontal Gallery
    It seems to be the one which works better, I can upload vertical and horizontal images and they will display with the same heights but, I don’t know why, on laptop screens images are cropped (the top and bottom part). On mobile phone they seems to be okay.

    Is there a way to fix these issues?

    Many thanks

    Alessandro

    #21256

    Ale_Vasa
    Participant

    Supported
    This reply has been marked as private.
    #21259

    Alma Viki
    Participant

    Unknow

    Hi Alessandro,
    Can you send me your wp-admin account with link url of issues you are facing?
    I will help you check it and give you solution.

    Thanks

    #21260

    Ale_Vasa
    Participant

    Supported
    This reply has been marked as private.
    #21268

    Ale_Vasa
    Participant

    Supported
    This reply has been marked as private.
    #21321

    Alma Viki
    Participant

    Unknow

    Hi,

    Thanks for your explain, let me answer your questions:
    1. Horizontal Gallery : I have added small margin at the top of image.
    And on the PC 14′, you will see the the scroll bar, because your image is higher than screen.
    I have used CSS code to adjust the image, Can you help me recheck this issues?

    2. Footer information, Now I show the email + copyright information, but the social should be hidden, is it ok?
    3. I think you are right. I have added small CSS code to fix the Fixed Title, don’t worry.

      .fixed-title{
            margin-left: -50px;
        line-height: 24px;
     }

    Thank you

    #21330

    Ale_Vasa
    Participant

    Supported
    This reply has been marked as private.
    #21376

    Alma Viki
    Participant

    Unknow

    Ok, I have modified something on your site:
    1. I have added small CSS code to fix it, can you recheck? If you still see the issues, please send me exactly link URL and the way to see it, It took me a long time to figure this out.
    2. I showed email and social instead of copyright for you.
    3. It’s showing now.
    4. I checked and saw it was fine.
    5. I added padding for you 🙂
    6. That’s right, at the first item padding is hidden.

    Thank you very much.

    #21397

    Ale_Vasa
    Participant

    Supported
    This reply has been marked as private.
    #21454

    Alma Viki
    Participant

    Unknow

    Thank you very much for the detail, it seem to be easier to check.
    Let me answer your questions:
    1. I saw the grey bar already, I have reduced the margin-top of it, the grey bar only show on when I’m not login to site. I fixed it by the first way(http://support.cththemes.com/wp-content/uploads/2018/05/Page_A.jpg)
    2. I adjusted it for you.
    3. I have shown title on mobile for you, can you recheck it?
    4. Ah.. that’s right, slider don’t work on mobile, it will show list vertical image.
    5,6. You can recheck it now.

    Thank you

    #21493

    Ale_Vasa
    Participant

    Supported
    This reply has been marked as private.
    #21561

    Ale_Vasa
    Participant

    Supported

    Hello Alma,

    Any news?

    Many thannks,

    Alessandro

    #21579

    Alma Viki
    Participant

    Unknow

    Hi Alessandro,

    Sorry for the delay:
    1. I updated it for you, can you help me check it once again.
    2. Social aligned on mobile.
    3. Because this is fixed title, and some title has 2 lines, if I make this smaller -> some long title won’t show properly. If you can adjust your title smaller I can help you fixed the black blank.
    4. You can try to check the style 3 + 4 +7 of Single Portfolio on mobile, maybe it is good:
    http://demowp.cththemes.net/outdoorv2/portfolio/project-title-3/
    6. Can you send me the screenshot of it?
    8. The black lateral bar on mobiles, Can you send me screenshot of this bar?
    7. On that page you can use this CSS code to adjust:
    https://prnt.sc/jnhx39
    9. Strange, I don’t see the issues like your.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    #21590

    Ale_Vasa
    Participant

    Supported

    Dear Alma,

    thanks for your help.

    Here are my answers:
    1) The scrolling bar at the bottom has now disappeared!!!
    I need the scrolling bar (!) and, obviously, the pictures have to be 100% displayed (like they are now).
    2) Perfect, thanks
    3) I don’t understand the answer. Title shows on mobile, the need to be shown on tablets as well. Thanks
    4) I would need an element that I can put in normal page, not a portfolio page.
    6) I will as soon as I can.
    7) I’ll try.
    8) I’ve already sent it to you, here is again.
    9) I’ll check again

    Let me know, thanks a lot!

    Attachments:
    You must be logged in to view attached files.
    #21619

    Alma Viki
    Participant

    Unknow

    Thanks for your checking, please check my confirm:
    1. I have updated it, can you help me recheck?
    3. This is my explain: https://prnt.sc/jny1hl
    You can check more here
    4. You can try to use element: Home swiper slider: https://prnt.sc/jny3hr

    Thank you

    #21628

    Ale_Vasa
    Participant

    Supported

    Hello Alma,

    thanks for your help, even if this is getting really time consuming.

    Point by Point:
    Number 1
    Now the situation is even worse than before, the images don’t show full height compared to the height of the page.
    I attach a picture but I don’t see why you can’t simply check yourself how’s looking.
    I’m terribly sorry, I don’t want to sound impolite, but now it’s a whole week that we’re dealing with the same issue, you get back to me once per day, and it seems like we are getting nowhere.
    Really, I understand it might be difficult for some reasons I don’t know but here I have the impression, we are literally wasting time asking me to check for things you could see yourself immediatly.
    I don’t think I’m asking anything crazy if not the theme to work properly showing:
    – The full images (with no crops)
    – The scroll bar at the bottom.
    No fancy stuff, just the basics of any “Photography Website Template” (just like it’s Outdoor) that I’ve purchased from you.
    Please use Google Chrome Device Mode to mimic different screens/tablets/mobile and see how everything looks like. Thank you.

    Number 3
    The titles I mean are the one in the ARCHIVE page, not the one on the single portfolios galleries.

    Number 4
    I’ll try and let you know, thanks.

    Number 8
    The black block on the side on mobile keeps on showing, can you please remove them?

    Thanks a lot again for your support and please let me know as I would need to put the website online asap.

    Attachments:
    You must be logged in to view attached files.
    #21657

    Alma Viki
    Participant

    Unknow

    The first word I want to send to you is really very sorry about extending your problem. You are the first customer to have such stringent requirements. I have been trying very hard to find problems like yours and it’s quite time consuming. Please forgive me for telling me the same thing, sorry for the carelessness.
    Here is my solution:
    1. I will answer you after fixing it.
    3. Can you help me recheck it?
    8, I removed it for you.
    On this issue, I have suggestion for you, you can use this CSS Code for each page if you see the title is 2 lines or 1 line:
    + 1 line: .fixed-title{ height: 75px; }
    + 2 line: .fixed-title{ height: 100px; }
    Depends on your style: https://prnt.sc/joce6w

    Thanks for your sympathy.

    #21813

    Ale_Vasa
    Participant

    Supported

    Dear Alma,

    thank you very much,
    I’ve seen the portfolios now display correctly, thanks a lot.
    I’ve tried all the rest and now it’s all working.

    Some more questions:
    1) Is there a way to load video which are not on youtube?
    2) Otherwise is there a way to hide the Youtube Logo in the lower right corner when loading the video the first seconds?
    3) Is it possible to make the footer disappear on mobile but ONLY when in horizontal mode?

    Thanks a lot,

    my very best,

    Alessandro

    #21893

    Alma Viki
    Participant

    Unknow

    Hi,
    1 + 2. Please try to check this page: http://wordpress.alessandrovasapolli.com/wordpress/demo-video/
    3. Footer on horizontal mode, You can try to use this CSS code:
    @media (min-width: 640px) and (max-width: 812px){
    footer{ display: none;}
    }

    Thank you

    #21906

    Ale_Vasa
    Participant

    Supported

    Hello,

    1+2 doesn’t work, it’s exactly what I’ve done before…

    3 doesn’t work either…

    4 I have added “Legal” next to my email address in the footer. Is it possible to see on mobile:
    Legal aligned to the left, email centered and instagram on the right?

    Thanks a lot!

    Alessandro

    #21947

    Alma Viki
    Participant

    Unknow

    Hi Alessandro,
    Css code you were doing wrong, I have fixed it.
    Here for you: http://wordpress.alessandrovasapolli.com/wordpress/demo/
    I’m trying to use Revolution Slider for you, Maybe it’s better.

    Thanks

Viewing 21 posts - 1 through 21 (of 21 total)

You must be logged in to reply to this topic.