How to add a header image and customize it

support
1

I recently came across a forum that uses a header image very nicely. Not sure what their theme is, but could anyone shed some light on how to create something similar to this with the CSS?

Woot
Woot.png1279×647 91.1 KB

2 Likes
2

There is a theme component called Versatile Banner which allows you to add a header image and lots of other cool stuff like CTA buttons and links.

3 Likes
3

Thank you, but the template is similar to something we would see in the late 90s. I simply need to put a header image, without all these texts and buttons.

4

You can remove all those texts and buttons and keep just the header image. Its all in the component settings.

5

Removing all texts makes the image super small, almost hidden.

6

Add this to your theme template:

.banner-box .section-header {
    margin-top: 50px;
}

Change the px value according to your need.

3 Likes
7

Thank you! This helped!

8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.