Aktualizovali ste WordPress na verziu 7.0 a zrazu sa na vašom webe objavilo čierne orámovanie okolo stĺpcov, sekcií alebo iných elementov v Avada téme? Nie ste sami. Toto je jeden z najčastejších problémov, ktoré prináša kombinácia WordPress 7.0 a Avada 7.15.x. Dobrou správou je, že riešenie je jednoduché a zvládnete ho za minútu.
Prečo sa čierne orámovanie objavilo?
WordPress 7.0 (vydaný 20. mája 2026) priniesol množstvo zmien v jadre systému, vrátane úprav v spôsobe, akým WordPress aplikuje CSS štýly na elementy stránky. Konkrétne ide o zmenu v globálnych CSS pravidlách, ktorá ovplyvňuje elementy s inline border-color štýlom.
Avada používa vlastné CSS premenné (–awb-border-color) na definovanie farieb a štýlov orámovaní. Po aktualizácii WordPress 7.0 sa tieto premenné dostali do konfliktu s novými pravidlami jadra WordPressu, čo spôsobilo, že niektoré elementy – najčastejšie stĺpce (columns) v Avada Builderi – zobrazili čierne orámovanie, ktoré tam predtým nebolo.
Ktoré elementy to postihuje?
Problém sa najčastejšie prejavuje na:
Stĺpcoch (columns) v Avada Page Builderi
Kontajneroch (containers / fullwidth boxes)
Kartách a iných layoutových elementoch
Riešenie – 1 minúta, 3 kroky
Krok 1: Otvorte Custom CSS v Avade
Prejdite do Avada → Global Options → záložka „Custom CSS“ (alebo cez WordPress Customizer → Additional CSS).
Krok 2: Vložte nasledujúci CSS kód
/********** Global WordPress Core Border Override ********************/
html :where([style*=border-color]) {
border-style: none !important;
}
Krok 3: Uložte a vymažte cache
Kliknite na Uložiť zmeny a následne vymažte cache vášho webu (Avada cache, server cache, prípadne aj cache plugin ako W3 Total Cache alebo WP Rocket).
Potrebujete pomoc s webom po aktualizácii WordPressu?
Aktualizácie WordPressu a prémiových tém ako Avada môžu priniesť neočakávané zmeny v dizajne alebo funkčnosti webu. Ak si s opravou neviete rady, alebo chcete mať istotu, že váš web funguje správne po každej aktualizácii, ozvite sa nám na icra.sk – radi pomôžeme.