Worpress plugin - 100% šířky šablony

Z přiloženého obrázku bohužel nejsem moc moudrý.

Chování pluginu skoro určitě půjde upravit v CSS, ale jen najít ten správný řádek... Nebo to může způsobovat i šablona.

No ten obrázek měl znázorňovat, že to potřebuju roztáhnou až k okraji (100% šířky)

css (není celé, nepustilo mě to kvůli limitu znaků) :

Ne že bych se v tom úplně vyznal, ale vidím tam width 100%, takže by to mělo být ok, ale bohužel.

.oxi-addons-container{
    width: 100% !important;
    position: relative !important;
    display: flex !important;
}
.oxi-addons-container * a, 
.oxi-addons-container * a:hover, 
.oxi-addons-container * a:focus  {
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    outline: none;
}
.oxi-addons-container.PositionConflictInitial a {
    position:initial;
}
a.PositionConflictInitial {
    position:initial !important;
}
.oxi-addons-container.PositionConflictStatic a {
    position:static;
}

a.PositionConflictStatic {
    position:static !important;
}
.oxi-addons-container.PositionConflictUnset a {
    position: Unset !important;
}
a.PositionConflictUnset {
    position: Unset !important;
}

.oxi-addons-container .oxi-addons-row * { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    line-height: 1.3;
    letter-spacing: normal;
}
.oxi-addons-container .oxi-addons-row{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.oxi-addons-container .oxi-addons-row button,
.oxi-addons-container .oxi-addons-row button:hover,
.oxi-addons-container .oxi-addons-row button:focus, 
.oxi-addons-container .oxi-addons-row button:active{
    outline: none;
    cursor: pointer;
    box-shadow: none;
}


.oxi-addons-container  .oxi-image-hover a,
.oxi-addons-container  .oxi-image-hover a:hover,
.oxi-addons-container  .oxi-image-hover a:focus, 
.oxi-addons-container  .oxi-image-hover a:active{
    cursor: pointer;
    box-shadow: none;
}
.oxi-addons-container   .oxi-image-hover-image img{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    left: 0;   
    top: 0;
}
.oxi-addons-container  .oxi-image-hover  img{
    box-shadow: none;
}
.oxi-addons-container  .oxi-image-hover:hover,
.oxi-addons-container  .oxi-image-hover.oxi-touch{
    z-index: 5;
}

.oxi-addons-container  .oxi-addons-animation{
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; 
}
.oxi-addons-container  .oxi-addons-center{
    text-align: center;
}
.oxi-addons-container .oxi-addons-row * span{ 
    display: inline-block;
    padding: 0 0 0 0 ;
    margin: 0 0 0 0;
}
.oxi-addons-container .oxi-addons-row * h1,
.oxi-addons-container .oxi-addons-row * h2,
.oxi-addons-container .oxi-addons-row * h3,
.oxi-addons-container .oxi-addons-row * h4,
.oxi-addons-container .oxi-addons-row * h5,
.oxi-addons-container .oxi-addons-row * h6,
.oxi-addons-container .oxi-addons-row * p{
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}
.oxi-addons-container  .oxi-addons-hidden{
    opacity: 0;
}
.oxi-addons-container  .oxi-addons-visible,
.oxi-addons-container  .oxi-addons-hidden.oxi-addons-visible{
    opacity: 1;
}

Ještě takový poznatek. Pokud přidám text, tak se to roztáhne na 100% viz obr. Ale samotný plugin se neroztáhne.

A dáváš tam obrázek dostatečně široký? Nepodstrkuješ mu třeba obrázek 550 px s tím, že ho zvětší na 1200 px?

Ideálne by bolo hodiť sem odkaz na stránku .

Už jsem to vyřešil jiným pluginem. Asi nejlepší řešení