3

I want to remove the footer container add new customize footer! I already remove the footer links but the (Enter your email address | Subscribe) and the white background is still there!

I want to remove them all and add new custom footer!

Improve this question
2
  • I want to remove the footer container
    – PiedPiper
    Jun 8, 2018 at 6:24
  • @PiepPiper, check my updated answer
    – Nikunj Vadariya
    Jun 8, 2018 at 6:25

5 Answers 5

Reset to default
2

You can remove using that code:

<referenceContainer name="footer-container" remove="true"/>

Or you can customize your footer from this file:

app/design/frontend/[Package]/[theme]/Magento_Theme/templates/html/footer.phtml

<div class="footer-container">
    <div class="footer">
        //Add your custom footer HTML and CSS
    </div>
</div>
Improve this answer
7
  • Thanks! Is there a way that i can add mine without editing the xml code?
    – PiedPiper
    Jun 8, 2018 at 6:12
  • @PiepPiper or if you want to hide then you can hide it by css display:none;
    – Nikunj Vadariya
    Jun 8, 2018 at 6:15
  • I mean that i want to add a new footer!
    – PiedPiper
    Jun 8, 2018 at 6:15
  • @PiepPiper I have update my answer for add custom html in footer.
    – Nikunj Vadariya
    Jun 8, 2018 at 6:23
  • Should i put it in (Miscellaneous HTML)?
    – PiedPiper
    Jun 8, 2018 at 6:28
3

Try this code :

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
      <referenceBlock name="footer.container" remove="true" />
  </body> 
</page>
Improve this answer
2

Use below code in layout XML (default.xml of your theme).

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="footer" remove="true" />
    </body>
</page>
Improve this answer
2

Try this:

<referenceContainer name="footer" remove="true"/>
Improve this answer
2

app/design/frontend/[Package]/[theme]/Magento_Theme/layout/default.xml

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
  <body>
      <referenceBlock name="footer.container" remove="true" />
  </body> 
</page>

OR

Without XML:-

.page-footer {
    display: none;
}
Improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.