styling chatbot with gradients
# 🤝help
b
Hi! I know how to use styler app on basic level, but I would like to customise my chatbot with gradients, to look just like in Botpress official video at YT (

https://www.youtube.com/watch?v=bbGd93FxxWM&ab_channel=Botpress

). But, beeing newbie with CSS and other stuff of this type (still learning) I dont know right now how to do it. Can somebody just tell me which commands in "Advanced Styler" at https://styler.botpress.app/ are responsible for this type of changes? Thanks!

https://cdn.discordapp.com/attachments/1137079337808564234/1137079338039259166/style.gradient.jpeg

c
@bright-magazine-792 😉
b
Up
c
Hey sorry about the delay. @bright-magazine-792 can you please take a look?
b
yes I'm trying to find the exact stylesheet
you can paste this stylesheet in the advanced editor
specifically,
Copy code
.bpw-header-container {
    margin: 10px 10px 0px 10px;
    //this line below
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
linear-gradient on
.bpw-composer
and
.bpw-header-container