Colour gradient in header

[AnjasB]

Hi,

I am wanting my header to have a horizontal colour gradient from RGB 46 122 123 to RGB 247 177 30, left to right. How can I achieve this?

Thanks in advance!

[rifat_ShopiDevs]

hi, @AnjasB 

Hi,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

header {
    background: linear-gradient(to right, rgb(46, 122, 123), rgb(247, 177, 30));
     padding: 20px; /* Optional: Add padding to your header */
}​

Copy

Hope this can help you,

[Dan-From-Ryviu]

Hi @AnjasB 

.header {
    background: linear-gradient(to right, rgb(46, 122, 123), rgb(247, 177, 30)) !important;
}

You can try to add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

[websensepro · Accepted solution]

Hi @AnjasB ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.header {
    background: linear-gradient(to right, rgb(46, 122, 123), rgb(247, 177, 30)) !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!