Jump to content

Is there a way to make this quote pop up box coloured?

Recommended Posts

You can use this code to Website > Website Tools > Custom CSS

.fe-block.fe-block-yui_3_17_2_1_1713538914991_46995 {
    background: linear-gradient(-45deg, #53d6ff, #666be1, #e45372, #f07c63);
    background-size: 400% !important;
    -webkit-animation: Gradient 10s ease infinite !important;
    -moz-animation: Gradient 10s ease infinite !important;
    animation: Gradient 10s ease infinite !important;
    padding: 10px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Thanks

 

Is there any way of making it so that the border itself does not appear until I scroll down?

I currently have it it set so that the text only fades in once the user scrolls down. However the coloured border of the quote box is now visible as soon as the site loads, which is a little annoying.

 

Many thanks

 

Alex

Link to comment
18 hours ago, Immortal_Explorer said:

Thanks

 

Is there any way of making it so that the border itself does not appear until I scroll down?

I currently have it it set so that the text only fades in once the user scrolls down. However the coloured border of the quote box is now visible as soon as the site loads, which is a little annoying.

 

Many thanks

 

Alex

Do you use custom code to make text face on scroll down? If yes, I think we can adjust code for border

In case you use default option in SS to make text fade, I have no ideal to fix colored box

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.