Ticksy: Printing “How to change the Engage Slider font sizes on smaller devices”

To change the size of Engage Slider texts (heading, subtitle and top heading) on smaller screens, please use a the following Custom CSS code:

Heading:

@media (max-width: 1000px) { 
  #wrapper .veented-slide-heading { font-size: 38px !important; } 
}

Subtitle:

@media (max-width: 1000px) { 
  #wrapper .veented-slide-subtitle { font-size: 18px !important; } 
}

Top Heading:

@media (max-width: 1000px) { 
  #wrapper .veented-slide-top-heading { font-size: 22px !important; } 
}

You can paste the code inside the Theme Options / Advanced / Custom CSS area.

1000px means the code affects screens smaller than 1000 pixels in width. You can adjust that to your needs or use the code multiple times.

Advanced: to affect a slider just on a particular page, please add the ID selector to the CSS code i.e: ".page-id-154 #wrapper .veented-slide..." where "154" is the unique ID of that WordPress page. You can also add a unique ID to the row (in WPBakery Page Builder) that contains the slider and use it as a selector i.e. "#row_id .veented-slide...