Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article. 

Okay
  Print

Home    Articles    Engage

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...