One option would be to fake it by duplicating the middle color a few times:
background: linear-gradient( 90deg, #ffd700, #3bc43b, #3bc43b, #3bc43b, #ffd700 );
Or you could play around with percentages a bit:
background: linear-gradient( 90deg, #ffd700 10%, #3bc43b 70%, #ffd700 90% );
If you take the percentages approach, the percentage after each color represents how far along the width of the gradient that color will stop.
But to be honest with you, I played around with the settings for about 5 minutes and couldn’t come up with anything that looked good. You might consider going about this a different way.
Thread Starter
David_G
(@questas_admin)
I tried the % method, that didn’t work. I did copy your code to fake the green (didn’t think about that) and added it once more, not too bad at least now the green matches the green in the block with the featured images. Is there any way to insert the center block of green (featured text block) width to match it up or carry the green a little further to the sides?
Thread Starter
David_G
(@questas_admin)
Thanks for the help, I just kept adding till I about have it the way I wanted it.
