New - Avatar Quotes stack πŸ’­

New stack - Avatar Quotes!
A quote with an avatar, indicating the author and resource.

https://wondrousss.info/quotes/

10 Likes

Really nice looking little stack!

Very nice addition! Thanks. Gives customer comments published on your website a very nice finishing touch. Nice work!

Hi, is there a way to add more padding between the avatar/author’s name and the quote when you don’t use the backdrop color option. the name crashes into the bottom border, thanks!

Hi!
This was not planned at all. But I’ll think about it.

1 Like

Version 1.0.1:
Padding is now applied to the quote itself (text). Not afraid if something moved, just edit the padding.
Added background image.
s-bi

Added arrow to the bottom of the quote.
s-ar

Added inner shadow for avatars (size changes).
s-is

If you make a transparent background for the Author and the Source, then you can slightly adjust the position.

https://wondrousss.info/quotes/

3 Likes

Nice update, thank you

Version 1.0.2:
Added text alignment.
Fixed display in different themes. Now it should be shown normally.

https://wondrousss.info/quotes/

3 Likes

Version 1.0.3:
Some improvements.

1 Like

Version 1.0.4:
Added Overlay Color for Background Image.
Added color setting for bottom arrow.
Added size setting for top and bottom borders.

https://wondrousss.info/quotes/

4 Likes

Thanks.
I’d like to have an image ALT tag.

So beautifull. Thanks :hugs:

1 Like

Version 1.0.5
Some improvements.
Fonts stack has been added to fonts type.
https://wondrousss.info/quotes/

2 Likes

Do you have a working demo page and not just screenshots?

Do these quotes slide or how do they appear on the page?

Stack page :thinking:
https://wondrousss.info/quotes/

You can use third-party sliders or stacks for animation.