質問

How do I remove the bullets in the second picture? I have a website and the footer looks like this:

enter image description here

But now I want to change the third column, but in the third column suddenly appears bullets in front of the link: enter image description here

What am I doing wrong? It's the file "default.xml" in "magento_theme". I removed the repetition of the columns in the code to simplify. The coding for this piece of footer is:

 <referenceContainer name="footer.content.left.wrapper">

        <referenceBlock name="footer.left.content.title">
            <arguments>
                <argument translate="true" name="text" xsi:type="string">K1-DE-NL-FR-BE</argument>
            </arguments>
        </referenceBlock>

        <referenceContainer name="footer.content.left.ul">

            <block class="Magento\Framework\View\Element\Template"
                   name="footer.content.left.block"
                   after="-"
                   template="Magento_Theme::html/container.phtml">

                <block class="Magento\Framework\View\Element\Html\Link\Current">
                    <arguments>
                        <argument name="label" xsi:type="string" translate="true">K1R1-DE-NL-FR-BE</argument>
                        <argument name="path" xsi:type="string" translate="true">K1R1L-DE-NL-FR-BE</argument>
                    </arguments>
                </block>

            </block>
        </referenceContainer>

        <referenceContainer name="footer.content.center.left">

            <referenceBlock name="footer.left.center.content.title">
                <arguments>
                    <argument translate="true" name="text" xsi:type="string">K2-DE-NL-FR-BE</argument>
                </arguments>
            </referenceBlock>

            <container name="footer.content.left.center.ul" label="Footer links list" htmlTag="ul" after="-">

                <block class="Magento\Framework\View\Element\Template"
                       after="-"
                       name="footer.content.left.center.block"
                       template="Magento_Theme::html/container.phtml">

                    <block class="Magento\Framework\View\Element\Html\Link\Current">
                        <arguments>
                            <argument name="label" xsi:type="string" translate="true">K2R1-DE-NL-FR-BE</argument>
                            <argument name="path" xsi:type="string" translate="true">K2R1L-DE-NL-FR-BE</argument>
                        </arguments>
                    </block>
                 </block>
            </container>

        </referenceContainer>


        <container name="footer.content.center.right" label="Footer Content Center Right" htmlTag="ul"
                   htmlClass="c-footer-item c-footer-item__contact col-4-12">

            <block class="Magento\Framework\View\Element\Template" name="footer.right.center.content.title"
                   before="-" template="Magento_Theme::text.phtml">
                <arguments>
                    <argument translate="true" name="text" xsi:type="string">K3-DE-NL-FR-BE</argument>
                    <argument name="tag" xsi:type="string">h3</argument>
                    <argument name="css_class" xsi:type="string">c-footer-item__links__title</argument>
                </arguments>
            </block>

                    <block class="Magento\Framework\View\Element\Html\Link\Current">
                        <arguments>
                            <argument name="label" xsi:type="string" translate="true">K3R1-DE-NL-FR-BE</argument>
                            <argument name="path" xsi:type="string" translate="true">K3R1L-DE-NL-FR-BE</argument>
                        </arguments>
                    </block>
        </container>

    </referenceContainer>
役に立ちましたか?

解決

In your custom style css file
Do changes, in the div that shows the bullet(you can use inspect element tool also of browser) and then add some css class like <div class="my_css_class"> , then you can remove the bullets by adding this code

.my_css_class{ list-style: none; } 

in your custom css style file.

ライセンス: CC-BY-SA帰属
所属していません magento.stackexchange
scroll top