(Squarespace) Align right Video Caption

[tuanphan]

To align right Video Caption in Squarespace, like this.

#1. All Videos

Use this code to Custom CSS box.

div.video-caption-wrapper * {
    text-align: right !important;
}

#2. All Videos (Mobile Only)

Use CSS code

@media screen and (max-width:767px) {
div.video-caption-wrapper * {
    text-align: right !important;
}}

#3. All Videos (Desktop Only)

Use CSS code

@media screen and (min-width:768px) {
div.video-caption-wrapper * {
    text-align: right !important;
}}

#4. Videos on One Page

First, find Page ID.

In my example, it is: #collection-67b82a17117c4503157bb7a5

Next, use this CSS code

#collection-67b82a17117c4503157bb7a5 div.video-caption-wrapper * {
text-align: right !important;
}

#5. Specific Video Block

First, find Video Block ID.

Next, use CSS code like this.

#block-c080f452a86ee21e89f2 div.video-caption-wrapper * {
    text-align: right !important;
}