-
Posts
-
hi. here you see the mansory preview images: https://imgur.com/a/ZfGuQE3
all images run over the whole wide in mobile view. this looks really good.but the video (youtube) preview images do not run over the whole width: https://imgur.com/a/nfK4Zks
what can i do to get here also the same look?
thank you very much, Alex
i use this code for the mansory. how can i adapt this code for videos (youteube preview image)
/`* Volle Breite für Farbsektion */
@media only screen and (max-width:767px) {
.responsive .mysection > .container {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
}
}`I want to remove the white border around the video in desktop and smartphone view. like described here :)
hi. here you see the mansory preview images: https://imgur.com/a/ZfGuQE3
all images run over the whole wide in mobile view. this looks really good.but the video (youtube) preview images do not run over the whole width: https://imgur.com/a/nfK4Zks how can i remove the whote boarder around the video? can i use this code and adapt it for youtube videos (ALB video block).
/`* Volle Breite für Farbsektion */
@media only screen and (max-width:767px) {
.responsive .mysection > .container {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
}
}`That this: https://imgur.com/a/DKEfNri look like this: https://imgur.com/a/Dpp3UQY
and this: https://imgur.com/a/n8NS4MM llok like this: https://imgur.com/a/gTJq74w
but not only on this one blogpost. for all video preview images at my website.
take a look with your smartphone (not a preview emulator) at my webstie: https://cookingalex.tv/
all mansory images run full width. it try to get this effekt for all videos. thanks, alex
Hi diefleischerei,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #av-layout-grid-1.av-flex-cells .no_margin.avia-builder-el-1 { padding-left: 0 !important; padding-right: 0 !important; } }If you need further assistance please let us know.
Best regards,
Victoria
- The topic ‘make preview image bigger’ is closed to new replies.