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). [תמונה] 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 לצורך יישור בלונה כראוי

מפתח

Deenius (Daniel Jurnik) 4 במרץ,‏ 2025,‏ 1:35pm 3

Thank you very much!

נושא		תגובות	צפיות
Banner image not staying centred on different screen sizes Product Support search-banner	2	136	14 באוגוסט,‏ 2024
CSS question: banner on starting page Product Support	2	919	27 ביוני,‏ 2017
How to add customer HTML after “post_1” (part2) Product Support	4	701	5 בספטמבר,‏ 2021
Help with alignment in the "versatile banner" plugin Product Support	1	693	20 בינואר,‏ 2021
Missing margin in the .banner- box for Versatile Banner TC UX versatile-banner	0	93	28 באוגוסט,‏ 2025

שינוי CSS לצורך יישור בלונה כראוי

נושאים קשורים