Text carousel

I Need Help
1

Is it possible to have a text only carousel with a transparent background so it slides over a bloc background image?
Andy

2

Have you tried just using an image with just text, saved to png?

3

I’ll try it later

4

Works here.

5

Thanks @ScottinPollock.
Made in?

6

I used Acorn as it is the most quick and dirty tool I have for creating web graphics… but any app that has a text tool and exports to transparent png’s would work.

7

You can google around people have modified the Bootstrap Carousel for text only. That way the text remains crawlable for seo etc., -vs- using the images approach. There are also other sliders that offer the ability to slide anything.

8

Sorry I’m a noob here. How would I import this into blocs, and set it into fabric/row?

I juts tried using the normal carousel and trying to set a blank image, and then overlaying the caption, but it did not like it much :frowning:

cheers

Nalin

9

Hi @nalin

Is it something like this you are aiming for?

https://jakerlund.net/004/

Cheers / Johny

10

Hi @Jakerlund
looks perfect.
The obvious question, how?
Andy

11

Hey @apswoodwork

Here’s a quick video tutorial :slight_smile:

I used a 900x450 transparent png for this.

Click the blank image below and download it if you need a quick one to test with.

blank.png900Ă—450 1004 Bytes

3 Likes
12

:clap::clap::clap::clap::clap::clap:
Thank so much.
Andy

1 Like
13

Thanks @Jakerlund

I had already experimented with a transparent png, however it means the row will need to be pretty high. Also the left/right arrows are still present.

I was after something like this: https://www.codeply.com/go/OJHdvdXimm

but not quite sure how to integrate custom HTML into a bloc.

cheers

Nalin

1 Like
14

Hi @nalin

You mean something like this?

Cheers

15

@Jakerlund - I tried many ways. It seems like it would be cleanest if blocs allowed for “no image” or something of the sort, similar to this:

1 Like