Flex Block 1 Vertical news scrolling

Posted in: Newspaper
Post count: 13

Hello,
I have added Flex Block an my website left and right side and make them vertical.
Is there an easy way to make it vertical scrolling with the mouse.
I want to show for example 10 news, but the visual part must be 5 and when someone go with the mouse there and scroll more news must be showed (up to 10 or more).
I try to set up the limit or the articles to be 10 but the list is very long. Please see here : https://www.awesomescreenshot.com/image/56760662?key=cb225e3a67c132c71142b898946f5200

So i want to be like here : https://www.awesomescreenshot.com/video/44914022?key=46f8c96d8c907134a1d0c26b351f4ee6

Post count: 35449

Hi,

There is no option for this, but it cna be done using a custom css on the column you need to achieve that type of scroll. For this I will recommend setting on that column an extra class and use that class to set the css, then use the css for min-height and set it in pixels and add overflow. I can help you with the code if you can provide a link to the website.

Thank you!

Post count: 13

Hi,
Thank you about that. Yes please help me with the code.
The link is : https://news24sofia.eu/

Post count: 35449

Hi,

You can use on your homepage this css:
.td_flex_block_1.tdi_97 #tdi_97 {
max-height: 580px;
overflow: overlay;
}

It can be set in a raw CSS, after that you can change the number of articles that will be displayed, save the changes in tagDiv Composer and check it on the frontend.

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.