Okay
  Public Ticket #3976748
No subtle zoom on Meta Overlaid Bio Model
Open

Comments

  •  11
    Eric started the conversation

    hey guys...odd request. Is there anyway to eliminate the subtle zoom on the image in the meta overlaid Bio Model?

    Thanks!


    7603586310.png


  •  9,195
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar_team_member_overlay .team_member_image {
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  11
    Eric replied

    Works Perfect! Thank you Tahir!


    Side question...it is possible that some CSS like this could work to reduce the amount of scale / zoom or speed of the Ken Burns effect in the Nectar slider is there? I love the animation so much, but it just zooms in a bit too much leaving my images looking a little too soft.

    Thanks again!

  •  2,065
    Judith replied

    Hello Eric,

    Thanks for writing back.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .nectar-slider-wrap[data-bg-animation="ken_burns"]:not([data-overall_style="directional"]) .swiper-slide.ken-burns .slide-bg-wrap,
    .nectar-slider-wrap[data-bg-animation="ken_burns"][data-overall_style="directional"] .swiper-slide[data-ken-burns="active"] .slide-bg-wrap {
    	 -webkit-transform: scale(1) !important;
    	transform: scale(1) !important; 
    	-ms-transition: transform 2s cubic-bezier(0.1,0.2,.7,1) !important;
      -webkit-transition: transform 2s cubic-bezier(0.1,0.2,.7,1) !important;
    	transition: transform 2s cubic-bezier(0.1,0.2,.7,1) !important;
    }
    .nectar-slider-wrap[data-bg-animation="ken_burns"] .swiper-slide .slide-bg-wrap {
         -webkit-transform: scale(1.35) !important;
    	transform: scale(1.35) !important;
    }
    
    @media only screen and (min-width: 1000px) {
        #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li, .material #slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li li {
            margin: 25px 0 !important;
        }
    }


    I hope this proves helpful for you. If you have any more questions or run into any problems, please feel free to reach out.

    Best regards,



  •  11
    Eric replied

    THANK YOU Judith...this is incredible. I've set it to a much more subtle 0.2 scale and 7 sec animation so it now has the subtlety I was looking for. 

    Really appreciate all the great assistance you guys have offered over the years. Please send me that link for us to leave a comment and I'll be gladly offer my highest regards.

    Thanks again Judith, Tahir, and Andrew!

  •  3,153
    Andrew replied

    Hi Eric,

    Thank you for getting back to us.

    I'm glad we could assist. Feel free to reach out to us if you have any other queries.

    Kind regards,