Jump to content

Video on column Vertically aligned

Recommended Posts

Site URL: https://www.meoconsulting.com/joy

I want to set the video aligned vertically aligned respect the rigth column (form one). 

 

Data info:

data-block-type="32" id="block-yui_3_17_2_1_1619648637965_9309"><div class="sqs-block-content" id="yui_3_17_2_1_1619665006781_93"><div class="intrinsic" style="max-width:100%"><

 

Im trying to solve this adding in css the next code:

@media screen and (min-width:641px) {
#block-yui_3_17_2_1_1619648637965_9309{
    //width: 95%;
   //display: grid;
  //display: flex;
  position: relative;
    align-items: center;
    justify-content: center;
}

 

Note: i want this for tablet resolution & Desktop Resolution(>640px).

THX!😊

 

sample.png

Link to comment
  • Replies 4
  • Views 398
  • Created
  • Last Reply
10 hours ago, meo said:

Im trying with:

div#page-6089e0e65de5db545cf3d160 row-sqs.row.span-12>.row:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center; 
  }

But it doesnt works too...

Add to Design > Custom CSS

/* center video */
@media screen and (min-width:641px) {
div#page-6089e0e65de5db545cf3d160>.row:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
22 hours ago, meo said:

Thank you, it works correctly. There is a way to bring you a cooffe? I really apreciate ur help

On tablet, I see this issue

/* tablet joy */
@media screen and (max-width:900px) and (min-width:641px) {
body#collection-6089e0e65de5db545cf3d160 main.Main {
    min-height: 100vh;
}
}

image.thumb.png.df31a3040c3e845cb1b66c85c0839b42.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.