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]

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.

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.

[image] calebs: I simply need to put a header image, without all these texts and buttons. You can remove all those texts and buttons and keep just the header image. Its all in the component settings.

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

How to add a header image and customize it

Product Support

aatishrkamble (Aatish Kamble) July 7, 2019, 1:31pm 6

Add this to your theme template:

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

Change the px value according to your need.

Topic		Replies	Views
Where shall I put this code for a top banner? Product Support	11	936	March 27, 2024
Image banner issue Product Support	0	396	August 31, 2020
Create a an image banner Product Support versatile-banner	2	487	May 27, 2023
Homepage header, how to add? Product Support	4	195	July 14, 2024
How to put pictures on each subcategory banner? Product Support category-banners	2	612	September 11, 2023

How to add a header image and customize it

Related topics