Header slide text

Hi all,
can i move text of header slide? i would have it on the bottom left
thank you

regards,

Yes, you can. You’ll need to add a couple of CSS code to move the default position of the main slider text. Add the following code into Appearance > Customize > Additional CSS in your site dashboard.


.slide-inner {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  top: auto;
  bottom: 20px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);  
}

.text-slider .maintitle:after {
  left: 0;
  margin-left: 0;
}  

@media only screen and (min-width:768px) {
  
  .slide-inner {  
    width: 750px;
    text-align: left;
  }   
  
}

@media only screen and (min-width:992px) {
  
  .slide-inner {  
    width: 970px;
  } 
  
}

@media only screen and (min-width:1200px) {
   
  .slide-inner {
    width: 1170px;
  }
  
}

Regards,
Kharis

thank you.
can i set the length of the red line below the text? it is too short.
thanks

regards,

Hello there,

Yes, you can. Use this code:


.text-slider .maintitle:after {
  width: 60%; 
}

Or you can use fixed px value instead of %.


.text-slider .maintitle:after {
  width: 400px;
}

Regards,
Kharis

thank you, thank you

Regards,

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis