LibbyLee3 Posted June 27 Share Posted June 27 Hello, Most of my CSS is working and when I hit a hurdle, google usually helps me fix it. I have inputted a rectangle shapes (for testimonials) and I'd like these shapes to have a gradient background just like I've got in other areas of the site, and like I've done with the Title text of this Testimonial section, however nothing is working. Can you please let me know what I'm missing? Here's what I've tried for the left rectangle #block-e46d08f8c549644763be { background-color: #000000; background-image: linear-gradient(to right, #916437, #C19255, #E8C784) !important; } #block-e46d08f8c549644763be { background: linear-gradient(to right, #916437, #C19255, #E8C784) !important; } #block-e46d08f8c549644763be { background: transparent !important; } Thanks in advance Link to comment
Widle Posted June 27 Share Posted June 27 can you try this #block-e46d08f8c549644763be { background: linear-gradient(to right, #916437, #C19255, #E8C784) !important; /* You can adjust the direction and colors of the gradient as needed */ } Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
LibbyLee3 Posted June 28 Author Share Posted June 28 (edited) Unfortunately, this has made no difference. Thanks for your time trying though. I believe it may be the site style colour hiding he css code? However it is my understanding that !important should prioritise the css over the generic site styles. Edited June 28 by LibbyLee3 Link to comment
Widle Posted June 28 Share Posted June 28 can you provide me your site url ? Widle - Squarespace Website Design Experts Connect - Connect with Email Website - Visit us Ahmedabad, India Link to comment
LibbyLee3 Posted June 28 Author Share Posted June 28 Thank you. Please go to: www.goldtraderelite.com it is currently password protected so that its not public. pw is WeAreAwesome24! Link to comment
Solution tuanphan Posted June 29 Solution Share Posted June 29 Try this div#block-yui_3_17_2_1_1719440439729_62811 { background-image: linear-gradient(to right, #916437, #C19255, #E8C784) !important; } maiale 1 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
LibbyLee3 Posted July 5 Author Share Posted July 5 Thanks tuanphan, this worked for the background of the text block - however i had overlaid it over a shape so that the 3 shapes across the page will be identical. When I switch the block ID in your code to that of the shape, the gradient doesn't take effect. Link to comment
LibbyLee3 Posted July 5 Author Share Posted July 5 Tuanphan, I was able to adap your code and the text box to make it do what I needed it to do. Thanks so much tuanphan 1 Link to comment
maiale Posted August 22 Share Posted August 22 Hii, I'm very new to css but I tried using this code and it worked as a square but how can I modify this to work as a gradient background for a circle? I tried writing radial instead of linear gradient but it didn't work. This is what I tried: div#block-c98fcaf51ea2e716288d { background-image: linear-gradient(to right, #DEDC00, #3AAA35, #008D36) !important; } Does anyone know how to make it work for a circle shape? Thank you, maia Link to comment
tuanphan Posted August 24 Share Posted August 24 On 8/22/2024 at 6:11 PM, maiale said: Hii, I'm very new to css but I tried using this code and it worked as a square but how can I modify this to work as a gradient background for a circle? I tried writing radial instead of linear gradient but it didn't work. This is what I tried: div#block-c98fcaf51ea2e716288d { background-image: linear-gradient(to right, #DEDC00, #3AAA35, #008D36) !important; } Does anyone know how to make it work for a circle shape? Thank you, maia Can you share link to page where you use this block? We can check easier 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
maiale Posted August 28 Share Posted August 28 Hi, Thank you for your reply. I figured out a way around it. But thanks so much! best, maia 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