.scrollImgR.scrollIdeas { background-image: url('uploads/casas/ay/qbiquoservices/web/cabeceras/video_player_template_for_mobile__938.jpg'); background-repeat: no-repeat; height: 350px; background-position-x: 50%; Xbackground-position-y: -350px; background-size: cover; } /* Páginas internas */ .postBlog .art-postcontent, .slide .art-postcontent { max-width: 100% !important; } .blogContent { max-width: 1100px; margin: 0 auto; } .scrollImgR.scrollIdeas { color: #fff; font-size: 45px; text-align: center; padding-top: 200px; height: 250px; } .divBlogPost { width: 100% !important; } @media screen and (max-width: 600px) { .scrollImgR.scrollIdeas { background-position-y: 0px !important; } } /* Fin páginas internas */ @supports ( -webkit-touch-callout : none) { .scrollImgFixed.scrollFixed { background-attachment:scroll !important; } } jQuery(document).ready(function() { jQuery(window).scroll(function(){ jQuery(.scrollImgR.scrollIdeas).each(function( index ) { var barra = jQuery(window).scrollTop()-jQuery(this).offset().top + 350; var posicion = -(barra * 0.30); jQuery(this).css({ 'background-position-y': (-350+posicion+50) + 'px' }); }); }); var barra = jQuery(window).scrollTop()-jQuery(.scrollImgR.scrollIdeas).offset().top + 350; var posicion = -(barra * 0.30); jQuery(.scrollImgR.scrollIdeas).css({ 'background-position-y': (-350+posicion+50) + 'px' }); jQuery(.blogContent).before($(.scrollImgR)); jQuery(.scrollImgR .imgPattern).before($(.art-postmetadataheader)); }); .divFotoTituloContenido img { width: 100%; max-width: 450px; border-radius: 0px !important; } .divFotoTituloContenido a { text-decoration: none !important; } .divFotoTituloContenido { float: left; margin: 0 12px; text-align: center; width: calc(33% - 25px); } .boxFotoTituloContenido { text-align: center; } .boxFotoTituloContenido .divImgFotoTituloContenido { /*height: 70px;*/ } .boxFotoTituloContenido .tituloTablaEsp { font-size: 24px; /*width: 191px;*( width: 100%; margin: 0 auto; text-align: center !important; /*height: 80px;*/ } .boxFotoTituloContenido .contenidoTablaEsp a { font-size: 16px !important; color: #000; } .boxFotoTituloContenido .contenidoTablaEsp { margin-top: 30px; } @media only screen and (max-width: 800px) { .boxFotoTituloContenido .divFotoTituloContenido { width: calc(100% - 10px); margin: 0px; } } Vídeo promocional e-commerce .div_video iframe { max-width: 100%; }
