Select the parent Videos and navigate to the Design tab. Now open the Iframe option panel. Now you can see the Iframe Option settings and click its appears customization.
When you click on the “Iframe” option, you will see several settings that can be adjusted using sliders and various controls. Here is what is shown below in the screenshot for reference:
- Border Style: Allows you to select the style of the border, with “Default” being the current option.
- Border Width: Enables you to set the width of the border in pixels (px), ems (em), or rems (rem). You can define individual widths for the top, right, bottom, and left sides.
- Normal: Default appearance of the iframe.
- Hover: Appearance when the mouse is over the iframe.
- Border Color: Lets you choose the color of the border.
- Border Radius: Allows you to round the corners of the border. Again, you can set individual radii for the top-left, top-right, bottom-left, and bottom-right corners.
- Padding: Allows you to set the amount of space between the content of the component and its border. You can define individual padding values for the top, right, bottom, and left sides in pixels (px), ems (em), or rems (rem).
- Background: Enables you to choose the background color for the component. You can also select a pattern or image for the background.