Css gradient button

Ask the community
1

I have this code that is supposed to add a gradient on my buttons but it’s not working. I have installed it in the “custom css” Can someone help on how to excute this so that it can work in funnelish. Thanks

/* Target all button elements */ .button { background: linear-gradient(135deg, #F87212 0%, #F2B03D 100%); }
2

.btn_bg {
background-image: linear-gradient(135deg, rgba(8,182,223,1) 0%, rgba(95,53,185,1) 54%, rgba(176,47,147,1) 100%) !important;
}

Then add btn_bg in the css class in the advanced settings for the button

1 Like
3

Hey Luke, thank you for this. it’s working

4

No worries. Glad it worked

5

Hi! Just adding an update here for anyone finding this thread :waving_hand:

This solution still works perfectly in Funnelish V2 :white_check_mark:

Tip to customize the colors :artist_palette::
You can modify the gradient directly in the same code by changing the rgba values. For example:

  • rgba(8,182,223,1) → first color

  • rgba(95,53,185,1) → middle color

  • rgba(176,47,147,1) → last color

Just replace those values with your own brand colors.

You can also adjust the percentages (0%, 54%, 100%) to control how the gradient transitions between colors.

Hope this helps anyone landing here!