Hey, guys. Is there anyone who can help me with CSS modification? I’m a beginner at this and don’t know what to do. I made my first banner exactly according to the instructions (House Ad Templates). However, the banner is not centred on the page and is too close to the header (see screenshot). [image] I would like to have a space of at least 10px between the banner and the headline. Can someone please advise me on changing the code to remove these two flaws? .banner-ad { display: flex; clear: both; max-width: calc(#{$topic-body-width} + #{$topic-avatar-width} + (#{$topic-body-width-padding} * 2)); box-sizing: border-box; img { height: 100%; &.desktop { display: block; } &.mobile { display: none; } } } @media only screen and (max-width: 672px) { .banner-ad { img.desktop, p { display: none; } img.mobile { display: block; } } }

In banner-ad, you can add: place-self: center; margin: 1em 0; [The image shows a website interface for a platform called "Apex Trader Funding," featuring a promotional banner that reads "Infinite Possibilities" and a "Get Funded Today" button. (Captioned by AI)]

CSS Modification For Correct Banner Alignment

Development

Deenius (Daniel Jurnik) March 4, 2025, 1:35pm 3

Thank you very much!

Topic		Replies	Views
Banner image not staying centred on different screen sizes Product Support search-banner	2	136	August 14, 2024
CSS question: banner on starting page Product Support	2	918	June 27, 2017
How to add customer HTML after “post_1” (part2) Product Support	4	701	September 5, 2021
Help with alignment in the "versatile banner" plugin Product Support	1	691	January 20, 2021
Missing margin in the .banner- box for Versatile Banner TC UX versatile-banner	0	92	August 28, 2025

CSS Modification For Correct Banner Alignment

Related topics