Header Settings

Header Background

Zeina theme lets you customize the header background with either a solid color or a gradient, providing a stylish backdrop behind your header image or video.

  • This is perfect if you want to highlight a small image (like a product ad or a phone) by giving it a distinctive background.
  • You can choose the color or gradient that best matches your brand or design theme.
  • Additionally, there is a toggle option to replace the background color with an overlay in front of the background image.
  • You can also adjust the overlay opacity to get the perfect balance between visibility and emphasis.

This feature enhances the visual depth of your header and helps your content stand out.

Example Preview

Color & Gradient:

You can add background color without an image, and the background can be more than one color (Gradient Color).

Header Background

Color with image:

Background color with the header image. (The color below the image)

Header Background

Color as overlay:

Background color as an image overlay. (The color over the image)

* Note: "Set header color as overlay" option must be enabled.

Header Background

Header overlay: