Использование инструмента «Исследовать элемент» может помочь. Или даже просмотр исходного CSS этого компонента или темы Air: первые несколько строк общего CSS нацелены на поисковый баннер, а модификации нацелены на него.
Не протестировано, так как я не использую XP, и проблема, о которой вы упоминаете.
.display-search-banner {
#main-outlet {
padding-top: 2em;
align: center !important;
}
Вставьте этот код в общий CSS пользовательского #theme-component.
Я понимаю стремление людей делиться тем, как писать код. Я сам всё ещё учусь. Однако нам также нужно работать над изучением основ.
Вы можете протестировать «align: center !important;», используя инструмент «Исследовать элемент» в вашем браузере.