Slider Height and Text Alignment

I understand, from a previous post, that we can reduce the slider height as follows:

.header-slider {
width: 100% !important;
height: 300px !important;
}

However, doing so, moves the Slider text up into the top NavBar. How can we style the slider text, to either move it lower, minimize the font size, or through another solution?

Hello there,

Try adding the below CSS snippet into your site’s additional CSS option or child theme’s style.css.


.slide-inner{
  top: auto;
  bottom: 0;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;  
  min-height: auto;
  padding-bottom: 20px;
}

.text-slider .maintitle {
  font-size: 35px;
  line-height: 40px;
  padding-bottom: 0;
}  

.text-slider .subtitle {
  font-size: 22px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 10px;
}  

You would do an adjustment necessarily.

Regards,
Kharis