Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
DDupMul

Fade-in text blocks possible?

Recommended Posts

Hi,

Is there a way to have a text block fade in, then out (maybe while doing a ken burns motion)? Or have several text blocks appear then disappear, one after the other?  I'm looking to add some minor motion to a site to add a little pizazz, but not overboard.  The text can be text in images if that is necessary.

I've been using Squarespace for 5 months now, and have some basic elements, but am looking to spruce it up a bit. I'm looking through the online KB, but I don't see anything that does this.

Thanks!

Share this post


Link to post
14 hours ago, derricksrandomviews said:

You can make quote blocks fade in and lots of other animations. I just put one of those in place of a standard text block. 

Thanks derricksrandom!  Is there a place I need to go to activate those, or are they just included (and I need to find them)?

Share this post


Link to post
Posted (edited)

Add a quote block like you would a text block on a page, right at the insert point, that little dot, you click to open the elements panel, and it will have quote as one of the options at the top. After you add the block you  will get another panel, edit it to add text, and the source of the qoute, which you don't have to use and there will be an animations option. Pull it down for lots of choices. 

This bit of code should  remove the quotation marks if you don't want them, in custom CSS

.quote-block blockquote>span:first-child { display:none; }

 

 

Edited by derricksrandomviews

Share this post


Link to post

Thanks @derricksrandomviews!

I see those 5 automation effects.  Super.  I'm also looking at a way to make a block like that that has a muted background color, or at least a frame, so it stands out.

I'm also looking for a way to have a few words or phrases appear, one after the other.

Share this post


Link to post
Posted (edited)

Well you can have multiple quote blocks on a page, on top of the other,  side by side. Use spacers if you have to to size them and line em up the way you want and space in between.

As far as color is concerned you can get them to stand out on a site wide basis both color and font.

Colors

To style the Quote Block's colors:

  1. In the Home Menu, click Design, then Colors.
  2. Click the pencil icon on your selected color theme.
  3. Scroll to the Quote Block section to change the Text and Source colors.
  4. Click Save after making changes.

Fonts

To style the Quote Block's fonts:

  1. In the Home Menu, click Design, then Fonts.
  2. Click “the on your selected font pack.
  3. Click Advanced, then scroll to the Quote Block section to style Text and Source.
  4. Click Save.

There are other things you can do also with CSS code, if you have a business plan.

Edited by derricksrandomviews

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...