Jump to content

A gradient on a word

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.myladyblue.org/actualits

Hi I've already do a post like that but for my second web site that doesn't work and I think because I've don't the right #block
On my website when you click "Actualités" you scroll a little bit and I want "Fils d'actualités instagram" with my gradient how can I do?

Thanks for your answer

#block-yui_3_17_2_1_1643991875238_11596
strong {
    background : linear-gradient(to right, #405DE6 10%, #5851DB 20%,#833AB4 30%, #C13584 40%, #E1306C 50%, #FD1D1D 60%, #F56040 70%, #F77737 80%, #FCAF45 90%,#FFDC80 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

Link to comment
  • Solution
52 minutes ago, Haiko__ said:

Site URL: https://www.myladyblue.org/actualits

Hi I've already do a post like that but for my second web site that doesn't work and I think because I've don't the right #block
On my website when you click "Actualités" you scroll a little bit and I want "Fils d'actualités instagram" with my gradient how can I do?

Thanks for your answer

#block-yui_3_17_2_1_1643991875238_11596
strong {
    background : linear-gradient(to right, #405DE6 10%, #5851DB 20%,#833AB4 30%, #C13584 40%, #E1306C 50%, #FD1D1D 60%, #F56040 70%, #F77737 80%, #FCAF45 90%,#FFDC80 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1643991875238_11596 * {
   background : linear-gradient(to right, #405DE6 10%, #5851DB 20%,#833AB4 30%, #C13584 40%, #E1306C 50%, #FD1D1D 60%, #F56040 70%, #F77737 80%, #FCAF45 90%,#FFDC80 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

* in this code means every text in the block

Let me know how it works on your site

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

My testing

image.thumb.png.b47f2ce163bc487dd8248f64e2313d37.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
7 minutes ago, bangank36 said:

My testing

image.thumb.png.b47f2ce163bc487dd8248f64e2313d37.png

 

8 minutes ago, bangank36 said:

Try adding to Home > Design > Custom Css

#block-yui_3_17_2_1_1643991875238_11596 * {
   background : linear-gradient(to right, #405DE6 10%, #5851DB 20%,#833AB4 30%, #C13584 40%, #E1306C 50%, #FD1D1D 60%, #F56040 70%, #F77737 80%, #FCAF45 90%,#FFDC80 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

* in this code means every text in the block

Let me know how it works on your site

That works thanks 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.