Section manuell anpassen, wie finde ich die passende CSS?

[Dirk]

Moin zusammen

Ich muss in meinem Projekt manuell eine Änderung ausführen und zwar eine Text Formatierung ändern.
Es geht um eine Text Ausrichtung von links nach mittig.

Problem ist, ich kann das Projekt nicht neu hoch laden sondern muss die Änderung manuell im Code umstellen.

Wenn ich das Projekt in MR öffne sehe ich im Editor unter CSS die Zeile welche jetzt mit "center" anstelle "left" geändert ist. Meine Frage ist, wie sehe ich welche CSS-Datei das ist und ist das dann auch die selbe Zeile?

Kurz gefragt, wie komme ich zur Info wo ich die eine Einstellung in welcher Datei machen muss?

Gruss

[Tommy Herrmann]

Hallo Dirk,

das sollte in der Benutzer-Datei "mbr-additional.css" stehen. Dort dann an der entsprechenden Block-ID.

Wenn Du es aber ohnehin händisch ändern musst, warum schreibst Du es nicht als Inline-Anweisung direkt an die Schrift in der .html Datei!

[Dirk]

Es ist ein Inhalt mit drei Blöcken, ideal wäre es wenn das zentriert ist, denn auf Mobilgeräten sieht es sonst blöde aus.

Finde es nicht.. oder suche falsch:) das Hier ist die Sektion und es geht um die drei Blöcke mit Inhalte: 1-3
Das soll alles zentriert sein, auch das Image.. jetzt ist es links.

Code: Alles auswählen

<section data-bs-version="5.1" class="features01 planm5 cid-tN0YRQkTJW" id="features01-o">
        <div class="container-fluid">
            <div class="row flex-row-reverse">
                <div class="col-12 col-lg-10 card">
                    <div class="title-wrapper">
                        <h2 class="mbr-section-title mbr-fonts-style display-2">
                            <span style="font-size:5.3rem;letter-spacing:-.04em;background-color:transparent">Text</span>
                        </h2>
                        <h2 class="mbr-section-title mbr-fonts-style display-5">Text</h2>
                    </div>
                    <div class="items-wrapper">
                        <div class="item features-image">
                            <div class="item-wrapper">
                                <div class="item-content">
                                    <div class="icon-wrapper">
                                        <span class="mbr-iconfont mobi-mbri-devices mobi-mbri"></span>
                                    </div>
                                    <h5 class="item-title mbr-fonts-style display-5">1</h5>
                                    <h5 class="item-title mbr-fonts-style display-7">1a</h5>
                                </div>
                            </div>
                        </div>
                        <div class="item features-image">
                            <div class="item-wrapper">
                                <div class="item-content">
                                    <div class="icon-wrapper">
                                        <span class="mbr-iconfont mobi-mbri-desktop mobi-mbri"></span>
                                    </div>
                                    <h5 class="item-title mbr-fonts-style display-5">2</h5>
                                    <h5 class="item-title mbr-fonts-style display-7">2a</h5>
                                </div>
                            </div>
                        </div>
                        <div class="item features-image">
                            <div class="item-wrapper">
                                <div class="item-content">
                                    <div class="icon-wrapper">
                                        <span class="mbr-iconfont mobi-mbri-protect mobi-mbri"></span>
                                    </div>
                                    <h5 class="item-title mbr-fonts-style display-5">3</h5>
                                    <h5 class="item-title mbr-fonts-style display-7">3a</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="decor-wrapper"></div>
                    <span class="mbr-iconfont icon-decor mobi-mbri-success mobi-mbri"></span>
                </div>
            </div>
        </div>
    </section>

In MR steht im Editor:

.item-title, .icon-wrapper {
text-align: right; <- nach Änderung.

Kannst du mir genau sagen wo ich da nach was in der CSS schauen soll.. danke

[Tommy Herrmann]

... da müsste man dann schon mal die Seite sehen, um gucken zu können.

Es könnet z.B. in einer der vielen Mobirise-Klassen stehen, wie:

class="item-content"

Poste die URL zur Seite hier und ich gucke gerne mal morgen. Heute habe ich keine Zeit.

[Dirk]

ok.. ich habs .. mit text compare gemacht.. komisch... denn in der ersten CSS gibt es den Eintrag nicht.. daher konnte ich es nicht finden, Sachen gibts:) Manchmal versteh ich MR so total nicht

[Tommy Herrmann]

... na ja - jeder Block hat doch so seine eigene CSS. Je mehr Blöcke Du verwendest, desto riesiger wird auch die Benutzerdatei "mbr-additional.css".

Es gibt natürlich auch globale CSS-Regeln, die dann z.B. in der Bootstrap-Datei oder auch in der Themen-Datei stehen, bzw. auch solche die bei gleichen Themen in der Benutzerdatei dann auch gleich sind.