Okay
  Public Ticket #1442454
Services Page Image Layout
Closed

Comments

  • mdarwish313 started the conversation

    Hello Dear,

    Thank you for your help 

    My client has decided to go with the new service layout. But there is one problem.

    We cannot control the focus point for the images. When the screen is resized, different parts of the image is shown. Sometimes parts that are not wanted. 


    For example, Landscape Design, we want the focus on the swimming pool, but you see the focus is on the building, unless you downsize the window to fit the image.

    Is there any way to solve this issue? Maybe keep the image size fixed?

  •  2,005
    Ocean replied

    You can try custom css code for your issues:

    You can easy add custom css code here: http://prntscr.com/gbgjxt

    @media only screen and (max-width: 992px){
        .image-container, .side-bg .image-container {height: 500px !important;}
    }
    

    Thanks

  • mdarwish313 replied

    Hello Dear,


    Still that is not what I am looking for 

    I want the picture content to be fixed on screens bigger than mobile... currently if you resize the browser's window, you see parts of the image gets hidden or visible.


  •  2,005
    Ocean replied

    All service images display center: http://prntscr.com/i5bc71


  • mdarwish313 replied

    Simply, I don't want any part of the pictures to be cropped when resizing the window or viewing on different monitor sizes. I just want them fixed. 

    Is this possible? Currently it shows like this on my end: https://prnt.sc/i5vozu

  •  2,005
    Ocean replied

    Hello,

    I've tried many ways to get service images display better, but the best way to display it is to hide some part of the image.

    Take a look at the video to understand what I'm saying: 

    Thank you