Make only video widget title bigger

Hello there,

You can change the default size of the widget title by applying the below CSS code into your site’s additional CSS:

.panel-grid-cell .widget-title {
  font-size: 50px;
}

To specifically apply it on your video widget, use widget ID. So the code will look like this:

.panel-grid-cell #panel-50-0-0-0 .widget-title {
  font-size: 50px;
}

Widget ID is attributed to the HTML element of the widget. To find it you can use the web browser’s inspector tool. On Firefox, right click and select Inspect Element.

For the color, you can set it through Widget Styles settings in the page builder. Edit widget > Widget Styles > Design > Widget title color.

Regards,
Kharis

Thank you!

Hey! One more question:
How can I adjust the headline size of the video widget on mobile screens?

To manage the font size on mobile screen, you need to duplicate the code and wrap it with media query. So, the code will look like this:

@media only screen and (max-width:640px) {
  
  .panel-grid-cell #panel-50-0-0-0 .widget-title {
    font-size: 30px;
  }

}

That code only run on a screen width 640px and below.

Regards,
Kharis