This topic contains 8 replies, has 2 voices, and was last updated by  Kharis Sulistiyono 2 years, 7 months ago.

Master Slider on Portfolio cuts the height of the photo

  • Hello! I’m trying to use MasterSlider in Portfolio and my photos are cut off in a strange manner (like on https://go-photo.ru/portfolio/3).

    The same thing I see in Master Slider’s Preview page.

    Everything works fine on simple pages: https://go-photo.ru/artistic-gallery

    What am I doing wrong?

    Hello there,

    Thank you for getting in touch. It happens because limitation of current feature. Master Slider only works with “Dark Absolute Page” template.

    In order to make single portfolio behaves like “Dar Absolute Page” template try to do the following.

    1. Log in to your site admin area
    2. Go to Appearance > Theme Options > Custom CSS
    3. Paste the following code into the provided CSS code editor

    .single-owlabpfl #main-content{
      position: absolute !important;
      right:0;
      left: 0;
      height: 100%;
      overflow: hidden;
    }
    
    .single-owlabpfl #main-content .vc_row,
    .single-owlabpfl #main-content .wpb_column,
    .single-owlabpfl #main-content .wpb_wrapper{
        height: 100%;
        margin:0;
        padding:0;
    }
    
    .single-owlabpfl #main-content .avt_masterslider_el,
    .single-owlabpfl #main-content .master-slider-parent,
    .single-owlabpfl #main-content .master-slider {
    	height: 100%;
    }
    
    .single-owlabpfl #main-content .vc_row{
      margin-bottom: 0;
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
    
    .single-owlabpfl #main-content .vc_column_container{
      padding-left:0;
      padding-right:0;
    }
    

    4. Click “Save Changes”

    Let me know how it goes. I’ll wait to hear back from you regarding your stats.

    Regards,
    Kharis

    Thank you very much for your answer! I’ve done this but it had no effect.

    Hello there,

    Thank you for reporting. Could you please try to add the following code?

    .single-owlabpfl .page-wrapper{
      overflow-y: hidden;
    }
    
    .single-owlabpfl .toranj-inner.tj-fullwidth{
      position: absolute !important;
      right: 0px;
      left: 0px;
      height: 100%;  
    }
    

    Let me know how it goes.

    Regards,
    Kharis

    It works! Thank you very much!

    Hello there,

    I’m glad that your objective has been achieved already. I’m happy to have an opportunity to assist you.

    Please let us know if you have any further questions, or if we can provide you with any other assistance.

    If you don’t mind, could you please rate our product from your download page? We would highly appreciate it if you do so.

    Regards,
    Kharis

    I’ll do this soon. Good luck!

    Hi There!

    I am following the attached link and don’t see where do I have to rate your product…

    https://www.dropbox.com/s/cpak65vkdphs7h2/Screenshot%202015-11-25%2011.28.37.png?dl=0

    Hello there,

    You should need to be logged in to your account first. Then rate our product from your download page.

    Thanks a million for your kindness.

    Regards,
    Kharis

The topic ‘Master Slider on Portfolio cuts the height of the photo’ is closed to new replies.