How to add a custom page banner?

In the CONREGO system, you can add a banner to the website in several ways – depending on how you want it to look. Below are the three most commonly used options:

Option 1 - Banner created directly in the system. This method is perfect if you don’t have a banner prepared by a graphic designer. Baner-tlo

To add the banner: Go to WEBSITE > LIST OF PAGES in the admin panel.

  1. Change the background color or add a background image

    Choose an image that will serve only as the background – without any text. This will ensure the banner layout looks good across different screen sizes (mobile, tablet).

  2. Replace the event logo
  3. Enter the event name and date

This banner will automatically adjust to different screen resolutions.

Option 2 - A ready-made banner from a graphic designer (with text and background image). If you have a complete banner design in a single graphic file (e.g. JPG/PNG) that should cover the full width and height of the screen – use this method. Baner-z-napisami

Go to WEBSITE > LIST OF PAGES and follow these steps:

  1. Add the graphic as the event logo
  2. Set the maximum width to 1920 px
  3. Hide other banner elements (e.g. event title)
  4. Add the following code in SETTINGS > FOR DEVELOPERS > custom.css:
.bnr, .bnr img {
  padding: 0px;
  margin: 0px;
}

This ensures the banner displays correctly on all devices – desktops and mobile alike.

Option 3 - If you don’t want to use the default banner template available under WEBSITE > WEBSITE BRANDING, CONREGO offers a great alternative.

  1. Go to WEBSITE > LIST OF PAGES and click the edit icon on the page set as the homepage.
  2. Uncheck the option Enable Banner, then in the content editor, add a new section, for example from the BASIC category.

This category includes many advanced banner templates that allow you to create the perfect header tailored to your needs. Keep in mind: to reuse a custom banner on other pages, you’ll need to duplicate the entire page. This is because banners created this way are part of the specific page content. In practice, cloning the whole page is much easier than recreating the banner section manually on each subpage.