How to change the background and font colour of the footer in shopware 5?

Change Footer Color in Shopware 5
Shopware, Shopware 5

To change the background and font colour of the footer in shopware 5 follow the below steps:

Step 1: Go to the shopware theme directory of your website.

Step 2: Create the new sub-directory called footer.less

File Structure:–

/themes/Frontend/Custom/frontend/_public/src/less/_modules/footer.less
Change Footer Color in Shopware 5

Note: Custom directory is a theme that I created already.

Step 3: Write this code in footer.less file .

.footer-main{
  background: #1C1C1C;
  color: #fff;

 .container{
   background: #1C1C1C;
 }

 .footer--phone-link{
   color: #fff;
 }

 .navigation--link{
   color: #fff;
 }
}

Step 4: Import footer.less file in all.less directory.

@import "_modules/footer";

Results:

Please contact us at manish@bay20.com or call us at +91-8800519180 for any support related to shopware 5 and shopware 6. You can also visit the Shopware development page to check the services we offer.