Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Worpress plugin - 100% šířky šablony

Ahoj, používámwordpress 5.8 a nainstaloval jsem si plugin Image Hover, který přidává efekty k obrázkům.

Tento plugin generuje tzv. shortcode, který pak vkládám přímo do konkrétní stránky. Problém je, že mi nevyplní 100 % šířky šablony viz obr.

Jiné pluginy tento problém nemají, ale zase mi nevyhovují v jiných věcech.

Otázka zní, lze nějak toto chování upravit například pomocí css? Nejsem bohužel znalý programování, proto jsem se rozhodl pro redakční systém.

Děkuji za pomoc

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Z přiloženého obrázku bohužel nejsem moc moudrý. Chování pluginu skoro určitě půjde upravit v CSS,…
host 19.08.2021 11:06
host
No ten obrázek měl znázorňovat, že to potřebuju roztáhnou až k okraji (100% šířky) css (není celé,…
martyworpress 19.08.2021 11:19
martyworpress
Ještě takový poznatek. Pokud přidám text, tak se to roztáhne na 100% viz obr. Ale samotný plugin se…
martyworpress 19.08.2021 11:41
martyworpress
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… poslední
Kráťa 21.08.2021 11:34
Kráťa

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;
}

Zpět do poradny Odpovědět na původní otázku Nahoru