Magento2 - Change "LINKS" CSS class in footer

Question

I would like to change the div class "links" to something like "footerlinks", so if I change the css only the footer links are affected and not all divs with "links" as a class.

Below you can see which div class I mean.

Info: I want to change the class so I can have the linksblock in the footer side by side. Currently it is side by side because i changed style of ".links", but all the other CSS blocks with the class "links" are screwed up now..

Answer 1

Add below code to your theme default.xml file with change your class name:-

<referenceContainer name="footer">
    <block class="Magento\Framework\View\Element\Html\Links" name="footer_links">
        <arguments>
            <argument name="css_class" xsi:type="string">footer your-class</argument>  <!-- changed links to your-class -->
        </arguments>
    </block>            
</referenceContainer>

• clear cache

Answer 2

I encountered this same problem in magento 2.1.0, I simply changed the css and it worked: .footer.content .links{display:flex;}

Also, I gave the class=footerlinks to the unordered list created in each block and added the css .footer.links {display: block !important;}