Make only video widget title bigger

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kharis Sulistiyono

    (@kharisblank)

    9 years, 3 months ago

    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.

    Find element id

    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

    Thread Starter TheSpecialKick

    (@thespecialkick)

    9 years, 3 months ago

    Thank you!

    Thread Starter TheSpecialKick

    (@thespecialkick)

    9 years, 3 months ago

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

    Kharis Sulistiyono

    (@kharisblank)

    9 years, 3 months ago

    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

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Make only video widget title bigger’ is closed to new replies.