Split Screen Slideshow dimensions

[orchiworld]

Hello, 

Theme: Berlin 

Website: www.byorto.com 

I need help adjusting the dimensions of the split screen slideshow images and text 

On mobile version - there is a "White" gap between the images and text, as well as between the text and the ticker. I want it to be filled completely so no white gaps 

On both mobile + desktop the center white line is also doesn't fit perfectly. Leaves a gap as shown above 

Last thing: 

 

I am attempting to adjust this section in the footer but can't seem to find where to change it. Any one knows how to do so? 

Thank you for your responses and help! 

[Mehran_Ali · Accepted solution]

Hi there,

I didn’t find any issues related to the line spacing on the desktop version.

However, for mobile, the main reason for the gaps is inconsistent content in the paragraphs, which results in unequal slide heights. You have two options:

1. Change the content to ensure it is more uniform.
2. Use the following CSS, which restricts the content to 3 lines and sets a fixed height for the slides. You can adjust the line clamp and height as needed:

.split-screen-slideshow__text-slider__wrapper {
    height: 230px;
}

.split-screen-slideshow__text-slider__wrapper .richtext__content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

If you need further assistance, please contact me via email at Mehran.ali5300@gmail.com.