Aufzählungspunkte entfernen

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Aufzählungspunkte entfernen

Ungelesener Beitrag von inno »

Hallo, wie kann ich hier die Aufzählungspunkte entfernen. Screenshot anbei

Code: Alles auswählen

<section data-bs-version="5.1" class="content1" group="Content" data-bg-video="{{bg.type == bg.value.url}}" mbr-class="{'mbr-parallax-background':bg.parallax}" plugins="mbr-switch-arrow, mobirise-icons2">

    <mbr-parameters>
        <header>Size</header>
        <input type="checkbox" title="Full Width" name="fullWidth">
        <input type="range" inline title="Top" name="paddingTop" min="0" max="10" step="1" value="6">
        <input type="range" inline title="Bottom" name="paddingBottom" min="0" max="9" step="1" value="6">
        <input type="range" name="textWidth" title="Width" min="4" max="12" value="12" step="1">
        <header>Show/Hide</header>
        <input type="checkbox" title="Title" name="showTitle">
        <select title="Amount" name="cardAmount">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5" selected>5</option>
        </select>
        <header>Background</header>
        <fieldset type="background" name="bg" parallax>
            <input type="color" title="Color" value="#efefef" selected>
          
        </fieldset>
        <input type="checkbox" title="Overlay" name="overlay" condition="bg.type !== 'color'" checked>
        <input type="color" title="Overlay Color" name="overlayColor" value="#6b6b6b" condition="overlay && bg.type !== 'color'">
        <input type="range" inline title="Opacity" name="overlayOpacity" min="0" max="1" step="0.1" value="0.3" condition="overlay && bg.type !== 'color'">
    </mbr-parameters>

    <div class="mbr-overlay" mbr-if="overlay && bg.type!== 'color'" mbr-style="{'opacity': overlayOpacity, 'background-color': overlayColor}">
    </div>

    <div mbr-class="{'container': !fullWidth, 'container-fluid': fullWidth}">
        <div class="wrapper">
            <div class="row justify-content-center">
                <div class="col-12 col-md-{{textWidth}} text-white">
                    <div class="section-head mb-4" mbr-if="showTitle || showSubtitle">
                        <h3 class="mbr-section-title mbr-fonts-style" mbr-theme-style="display-2" mbr-if="showTitle">
                            <b>Program</b>
                        </h3>
                    </div>
                    <div id="bootstrap-accordion" class="panel-group accordionStyles accordion" role="tablist" aria-multiselectable="true">
                        <div class="card mb-2">
                            <div class="card-header" role="tab" id="headingOne">
                                <a role="button" class="panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse1" aria-expanded="false" aria-controls="collapse1">
                                    <h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 1-2 ≡ Stages of design creation
                                    </h6>
                                    <span class="sign mbr-iconfont mbri-arrow-down"></span>
                                </a>
                            </div>
                            <div id="collapse1" class="panel-collapse noScroll collapse show" role="tabpanel" aria-labelledby="headingOne">
                                <div class="panel-body" data-app-selector=".mbr-text">
                                    <ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
                                        <li class="mbr-text item-wrap">Adaptive design</li>
                                        <li class="mbr-text item-wrap">Prototyping</li>
                                        <li class="mbr-text item-wrap">Practice: concept development in Adobe Photoshop
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-2" mbr-if="cardAmount > 1">
                            <div class="card-header" role="tab" id="headingTwo">
                                <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse2" aria-expanded="false" aria-controls="collapse2">
                                    <h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 3-4 ≡ Working with objects and
                                        libraries in Figma
                                    </h6>
                                    <span class="sign mbr-iconfont mbri-arrow-down"></span>
                                </a>

                            </div>
                            <div id="collapse2" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingTwo">
                                <div class="panel-body" data-app-selector=".mbr-text">
                                    <ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
                                        <li class="mbr-text item-wrap">Introduction. Layout creation: grid, grid, color
                                            styles, font, components
                                        </li>
                                        <li class="mbr-text item-wrap">Layout creation: text styles, prototyping</li>
                                        <li class="mbr-text item-wrap">Libraries, live device preview, plugins, object
                                            export</li>
                                        <li class="mbr-text item-wrap">Practice: concept development in Figma</li>
                                        <li class="mbr-text item-wrap">Typography and color</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-2" mbr-if="cardAmount > 2">
                            <div class="card-header" role="tab" id="headingThree">
                                <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse3" aria-expanded="false" aria-controls="collapse3">
                                    <h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 5-6 ≡ Creating 3D graphics in Cinema
                                        4D
                                    </h6>
                                    <span class="sign mbr-iconfont mbri-arrow-down"></span>
                                </a>
                            </div>
                            <div id="collapse3" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree">
                                <div class="panel-body" data-app-selector=".mbr-text">
                                    <ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
                                        <li class="mbr-text item-wrap">Introduction, overview of Cinema 4D features</li>
                                        <li class="mbr-text item-wrap">Object basics, interface logic</li>
                                        <li class="mbr-text item-wrap">Render: light, materials and global illumination
                                        </li>
                                        <li class="mbr-text item-wrap">MoGraph</li>
                                        <li class="mbr-text item-wrap">Animation and physics</li>
                                        <li class="mbr-text item-wrap">Applying Cinema 4D to the Web and Branding</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-2" mbr-if="cardAmount > 3">
                            <div class="card-header" role="tab" id="headingThree">
                                <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse4" aria-expanded="false" aria-controls="collapse4">
                                    <h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 7 ≡ Presenting yourself as a
                                        specialist
                                    </h6>
                                    <span class="sign mbr-iconfont mbri-arrow-down"></span>
                                </a>
                            </div>
                            <div id="collapse4" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree">
                                <div class="panel-body" data-app-selector=".mbr-text">
                                    <ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
                                        <li class="mbr-text item-wrap">Designer Portfolio Cases</li>
                                        <li class="mbr-text item-wrap">Principles of presenting your work</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="card" mbr-if="cardAmount > 4">
                            <div class="card-header bord" role="tab" id="headingThree">
                                <a role="button" class="collapsed panel-title" data-toggle="collapse" data-bs-toggle="collapse" data-core href="#collapse5" aria-expanded="false" aria-controls="collapse5">
                                    <h6 class="panel-title-edit mbr-fonts-style" mbr-theme-style="display-7" data-app-selector=".panel-title-edit">Day 8-10 ≡ Final work</h6>
                                    <span class="mbr-iconfont mobi-mbri-arrow-down mobi-mbri"></span>
                                </a>
                            </div>
                            <div id="collapse5" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingThree">
                                <div class="panel-body" data-app-selector=".mbr-text">
                                    <ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
                                        <li class="mbr-text item-wrap">How to search for clients</li>
                                        <li class="mbr-text item-wrap">Where to look for clients</li>
                                        <li class="mbr-text item-wrap">How to develop further</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
Dateianhänge
tabelle1.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Aufzählungspunkte entfernen

Ungelesener Beitrag von Tommy Herrmann »

Moin,

na wenn Du diese Einrückung <ul>Tag</ul> beibehalten willst und nur das <li>Tag</li> (unordered bulleted list) weg haben willst aus z.B.:

Code: Alles auswählen

<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
    <li class="mbr-text item-wrap">Adaptive design</li>
    <li class="mbr-text item-wrap">Prototyping</li>
    <li class="mbr-text item-wrap">Practice: concept development in Adobe Photoshop</li>
</ul>
... dann entferne das <li>Tag</li> (Liste) und ersetze es mit einem <p>Tag</p> (Paragraph/Absatz):

Code: Alles auswählen

<ul class="list mbr-fonts-style" mbr-theme-style="display-4" data-app-selector=".list, .mbr-text" data-multiline mbr-article>
    <p>Adaptive design</p>
    <p>Prototyping</p>
    <p>Practice: concept development in Adobe Photoshop</p>
</ul>
Gucke auch mal zum besseren Verständnis hier:

https://www.w3schools.com/tags/tag_ul.asp


P.S.:

... richtiger wäre allerdings und auch einfacher das mit CSS zu machen, also z.B. so. Das kommt dann in den "Code Editor" in den rechten Bereich "CSS Editor":

Code: Alles auswählen

ul {
  list-style-type: none;
}
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Aufzählungspunkte entfernen

Ungelesener Beitrag von inno »

Perfekt, Funktioniert. :tu:
Und wenn ich das Einrücken auch weg haben will, was muss ich da machen?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Aufzählungspunkte entfernen

Ungelesener Beitrag von Tommy Herrmann »

... hatte eben meine Antwort nochmals geändert - mache das mal lieber mit CSS.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Aufzählungspunkte entfernen

Ungelesener Beitrag von Tommy Herrmann »

Das Einrücken geschieht über das <ul>Tag</ul>. Das müsstest Du dann ganz entfernen.

... also dann z.B. nur schreiben:

Code: Alles auswählen

    <p>Adaptive design</p>
    <p>Prototyping</p>
    <p>Practice: concept development in Adobe Photoshop</p>
Sonst suche Dir doch ein Akkordeon aus, dass eben keine "ul/li" Konfiguration besitzt.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Aufzählungspunkte entfernen

Ungelesener Beitrag von inno »

Danke dir! Allerdings funktionieren die Meisten M4-Accordions bei einem M5 Template nicht! ;)
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 21 Gäste