Breadcrumb 2 color gradient background - Support | Kriesi.at

Tagged: background, breadcrumbs, colors, gradient

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
August 12, 2021 at 2:52 pm #1316460

stefanotese
Participant

Hi
could you please help me to edit or add css to obtain a horizontal 2 color gradient brackground for default breadcrumb area?

thanks in advance

August 13, 2021 at 5:49 am #1316532

Nikko
Inactive Moderator

Hi Stefano,

Do you have a screenshot or mockup of what you’re trying to achieve? so we can try to give you CSS code based on it.

Best regards,
Nikko

August 13, 2021 at 9:33 am #1316567

stefanotese
Participant

Hi Nikko
thanks for your reply

this is the standard breadcrumb (I already know hot to change background coloro, but don’t know how to make it gradient)
https://drive.google.com/file/d/1o6UIErhCHGCbhzn3aJUg00k1i1d-E3kl/view?usp=sharing

and this is as I’d like to have the breadcrumb and title area (I’ive photoshopped). I ‘d like to use css style and not and image as background

https://drive.google.com/file/d/1LmCxGbWANK1Hp6S1VbHrr2ZwT3R7E6EF/view?usp=sharing

thank you

August 15, 2021 at 5:00 am #1316777
Rikard
Keymaster
Hi,

Thanks for the update. Please try this in Quick CSS:
```
div.title_container {
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 42%, rgba(0,212,255,1) 100%);
}
```
If you need a different gradient, then you can generate one here: https://cssgradient.io/

Best regards,
Rikard
August 17, 2021 at 2:05 pm #1317164

stefanotese
Participant

thanks a lot

it works

August 18, 2021 at 4:30 am #1317241

Nikko
Inactive Moderator

Hi stefanotese,

I’m glad that Rikard could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Breadcrumb 2 color gradient background’ is closed to new replies.