Hi

Thanks for contacting us. You can use this custom CSS

body.default-home #sp-header.transparent-header {
    background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%) !important;
}

Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

-Regards.

thanks for answering

I just implemented the code, but it's not taking effect. I've tested it on 3 different browsers and cleared the cache

https://prnt.sc/_UREHUIdG9bZ

You can check?

Hi

Use this custom CSS and delete the previous one

#sp-header{
   background-color: rgba(0,0,0,0.3) !important;
}


#sp-header.header-sticky{
      background-color: rgba(0,0,0,0.3) !important;
}