Return to previous page

Header gradient color from top to bottom

This topic has 4 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

TheOne

Participant

November 23, 2022 at 14:54

Hello,

I want to add a top (black) to bottom (transparent) gradient to my header (the same as in the picture): https://prnt.sc/idcwMmXp-nQ2

For now i inputed a black backround and just adjust the opacity a bit.

Is there a way i can achive this in the theme options or do i need to put an image background?

Thank you,

#339371 Copied Theme version: 8.3.5 WooCommerce version: 6.9.4

3 Answers

Rose Tyler

Support staff

November 23, 2022 at 15:07

Hello,

Please use image background.

Regards

#339373 Copied

TheOne

Participant

November 23, 2022 at 15:20

Ok – what dimensions would you recommend? I’m thinking 1920×100

#339378 Copied

Rose Tyler

Support staff

November 23, 2022 at 15:33

Height depends on your needs, if it is the same image during all width of the header, you can upload a short image, and set repeat horizontally for it.
Also, we would recommend optimize images – https://tinypng.com/

Regards

#339382 Copied
Tagged: best selling, header gradient color, persuasive, seo friendly, themes, top to bottom, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)