Haiko__ Posted December 28, 2021 Share Posted December 28, 2021 Site URL: https://www.capilla-wine.com Hi, i want my word "actualité" in my header with a gradient of three color how can I do? Thanks for answer Link to comment
derricksrandomviews Posted December 28, 2021 Share Posted December 28, 2021 https://beatrizcaraballo.com/blog/gradient-text Link to comment
Beyondspace Posted December 28, 2021 Share Posted December 28, 2021 21 minutes ago, Haiko__ said: Site URL: https://www.capilla-wine.com Hi, i want my word "actualité" in my header with a gradient of three color how can I do? Thanks for answer Try adding to Home > Design > Custom Css .Header-nav-item[href*="actualits"] { background: linear-gradient(to right, #30CFD0 0%, #330867 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too Haiko__ 1 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Beyondspace Posted December 28, 2021 Share Posted December 28, 2021 My testing result BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Haiko__ Posted December 28, 2021 Author Share Posted December 28, 2021 Just now, bangank36 said: My testing result I have got Same Thanks you ! 🥰 Link to comment
Beyondspace Posted December 28, 2021 Share Posted December 28, 2021 1 minute ago, Haiko__ said: I have got Same Thanks you ! 🥰 It 's good to know that BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Haiko__ Posted December 29, 2021 Author Share Posted December 29, 2021 19 hours ago, bangank36 said: It 's good to know that Hi ! The gradient work but not on phone what I do for this work? Link to comment
Beyondspace Posted December 29, 2021 Share Posted December 29, 2021 (edited) In mobile we have a different class so kindly change to [href*="actualits"] { background: linear-gradient(to right, #30CFD0 0%, #330867 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } Edited December 29, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment