Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

activating this plugin absolutely breaks my whole design #35

Open
beuzathor opened this issue Jan 14, 2023 · 0 comments
Open

activating this plugin absolutely breaks my whole design #35

beuzathor opened this issue Jan 14, 2023 · 0 comments

Comments

@beuzathor
Copy link

Hi,
i tried to use this plugin on my website. I setup it with cdn and tried to use it on one single image.
When i do it a wrapper appear and bring totaly the image position.
So i tried to activate the plugin on all image on one page for to see the result. And out of about 15 images only one is displayed correctly. The others break all the css.

For exemple on this simple footer i have that With this css/html

footerok

    <div class="payment">
        <h3><span>PAIEMENT SÉCURISÉ GARANTI</span></h3>
        <div class="payment_logo">
            <img src="/asset/img/mastercard.webp" alt="">
            <img src="/asset/img/sepa.webp" alt="">
            <img src="/asset/img/3x-sans-frais.webp" alt="">
            <img src="/asset/img/visa.webp" alt="">
            <img src="/asset/img/ancv.webp" alt="">
        </div>
    </div>

.footer .bottom .payment {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px
.footer .bottom .payment .payment_logo img {
padding: 5px 10px;
height: 50px;
width: 100px;
}

But if i use "ci-src" on the first image i have that

footernotok

I tried to set width and height directly in the img attribute but i can't keep my layout when images are returned.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant