Verwendung: Logo zentrieren

shopmail's Avatar

shopmail

09 Jul, 2019 06:04 PM

Produkt: Oneo Contao
Contao-Version: Contao 4.4.40
Browser und Browserversionen: alle

Hallo,

Im Footer von Oneo habe ich einen Artikel eingebunden, der vier Spalten enthält. In einer Spalte ist ein Logo eingebunden, das zentriert dargestellt werden soll.

Der Quellcode ist wie folgt:

<div class="centered-wrapper ce_rsce_oneo_centered_wrapper_start margin-bottom-s first " style=" ">
    <div class="centered-wrapper-inner ">
        <div class="rs-columns ce_rs_columns_start">
            <div class="ce_rs_column_start  rs-column -large-col-4-1 -large-first -large-first-row -medium-col-2-1 -medium-first -medium-first-row -small-col-1-1 -small-first -small-last -small-first-row"> ... <div>
            <div class="ce_rs_column_start  rs-column -large-col-4-1 -large-first-row -medium-col-2-1 -medium-last -medium-first-row -small-col-1-1 -small-first -small-last"> ... </div>
            <div class="ce_rs_column_start  rs-column -large-col-4-1 -large-first-row -medium-col-2-1 -medium-first -small-col-1-1 -small-first -small-last"> ... </div>
            <div class="ce_rs_column_start  rs-column -large-col-4-1 -large-last -large-first-row -medium-col-2-1 -medium-last -small-col-1-1 -small-first -small-last">
                <div class="ce_image footer-logo block">
                    <figure class="image_container">
                        <img src="files/logos/vereinslogo.png" width="173" height="200" alt="Vereinslogo" itemprop="image">
                    </figure>
                <div>
            </div>
        </div>
    </div>
</div>

Ich habe es mit folgendem CSS-Code probiert, der aber nicht funktioniert:

.footer-logo img {
    margin: 0 auto;
}

Wie kann das Logo innerhalb der Spalte zentriert dargestellt werden?

Danke für Ihre Unterstützung.

  1. 1 Posted by shopmail on 09 Jul, 2019 06:13 PM

    shopmail's Avatar

    Hier der Quellcode, er wird nicht richtig angezeigt

  2. Support Staff 2 Posted by RockSolid Theme... on 10 Jul, 2019 07:24 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bitte versuchen Sie es mit folgendem CSS-Code:

    .footer-logo {
        text-align: center;
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac