Simple Text Slider

I have looked at different options in Blocs but none seem to give me a simple solution of having just text as a slider. I am trying to rebuild a RW site in Blocs.
Here is the page in the current RW sie which shows a simple text slider (just below the gallery button):

Does anyone have any suggestions as to how I might acheive this in Blocs?

Run a search from the upper right magnifying glass
testimonials

You won’t find one, I had the same as I needed it to replace the Emotive Text stack for a website I was recreating. Looked on the forum and most suggestions were to use an image slider and text as an image, but that’s not good for accessibility and legibility. The only way I got it do this was to use a code widget and some javascript obtained, (a search will find loads of snippet resources) that I modified for a typewriter effect slider, that worked fine. If you want something bespoke that you can’t find you could try AI (Claude/Chat GPT) to create the slider text and then copy and paste it in to a code widget. If you do I would reccomend that you ask whichever AI system to create it all self contained with no external dependencies apart from using a class that you name e.g. .slider-text for all styling of text. Then create the class in Class Manager called slider-text to change your font, sizes, colour etc

It would be good though if a text slider could be added as a feature to Blocs as it is a pretty well-used feature web-wide. I’d vote for that.

There are a few Blocs setup for this. The only thing they do not do is autoplay or re-loop.

@Norm Thank you for your reply but I can’t find any of what you show in your screen shot in Blocs. Would you mind telling me where I can find them please.

Are you using Blocs 6.2?

Yes I found them but there doesn’t seem anyway to autoscroll or loop.

Yeah that’s correct, they don’t work like carousels, these are created with scroll containers.

A work around would be to use an image carousel, with text in the content area but set the images with a transparent small image.

CleanShot 2025-06-23 at 12.05.05

Here is the example project using this approach :point_down:

Text Carousel.bloc (42.1 KB)

I also used a few sub-classes to style the navigation controls and indicators.

I hope that helps.

2 Likes

@Norm It always looks so simple. For me, and probably many others here, it’s a science. :weary:

1 Like

This is why I always try and include a project file, so you guys can take a proper look.

To be fair, this approach is a kind of hack / workaround, but from my experience that’s most of the internet :sweat_smile:

Hi @Norm

Would it be possible to modify this bric then, so it does not need to have a hidden image behind it and have it work from just the text?
Like a check box saying to remove image and let the text size box determine the size?

No need to have a work around then?

It appears the image can’t be deleted from the carousel bric (all locked in layer tree), there also doesn’t seem to be sub-classes to target the right divs. Typically all you would have to do is not include an image and just define a min-height for the div of each slide.

No hack needed just basic dev, it’s just about structure, Bootstrap classes and whatever custom styling is desired.Otherwise it would be the same and could have the same controls in The Inspector.

Absolutely, but there are a few underlying code changes that would also be needed, the HTML part is very straight forward, but the layer tree logic would need to be updated as well as some parts of the export logic and the inspector would need a touch of work too.

Because carousels are commonly used in websites created with Blocs, the changes would likely need to be included in a version that had a bit of a testing phase.

The decision is which is easier and quicker to implement:

  1. No images in the carousel.

OR

  1. Reload and auto-scroll on horizontal scroll areas (which offer greater flexibility for construction).

If I remember, didn’t someone design a testimonial bric years back? Not sure if it would work in Blocs 6.x though.

@Norm Thanks for that - perfect for what I needed. Would be better if an image wasn’t required as @AdieJAM mentioned.

1 Like

@Whittfield I think has a bric but it was only for individual testimonials and needed Tab Anything to make it into an auto testimonial “slider”. @Norm solution is very good and costs nothing extra.

Hi @Norm

Thanks for the info.

I just had a thought - what if we kept the carousel as is it and then create one build purely for for adding brics into it - so can anything in it! and even better still adding a DIV container and using the new Stacked Container

So one carousel as it is and then one called the Container Carousel or something like that !..just thinking outside the box - but the idea bric would be for one carousel to do it all.

2 Likes

That would be good if it is possible? I’d be keen to see something like that.