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:

1. Banner created directly in the system.

This method is perfect if you don’t have a banner prepared by a graphic designer.

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

1. Change the background color or add a background image

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

This banner will automatically adjust to different screen resolutions.

2. A ready-made banner from a graphic designer (with text and background image).

If you have prepared a single banner as an image file, for example JPG or PNG, and want it to fill the entire width and height of the screen, use this method.

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.

3. “Graphic Banner” content block

If you have three prepared versions of the banner for desktop, tablet and mobile devices, you can use the Graphic Banner content block.

To add it:

1. Go to PAGE > PAGE LIST.
2. Click the edit icon next to the page where you want to place the banner.
3. In the page content editor, add a new GRAPHIC BANNER block.
4. Add the images and save your changes.

This solution helps maintain text readability, appropriate proportions and full control over how the banner appears on every device, without the need to add custom CSS code.