We are here with an extra bonus part of Café Demo Series in which we will design the Divi Café Demo Footer Menu & Footer Bottom just like in Demo.

Please follow the given instruction to achieve this:-

  • Go to Divi >> Theme Customizer >> Footer >> Footer Menu >>
    1. Background color-> #2a343d
    2. Text Color-> #bbb
    3. Footer Menu Active Link Color-> #fffff
    4. Font Style-> Bold
    5. Font Size-> 14px
    6. Letter Spacing-> 5px
    7. Then Save and Publish
  • Go To Appeareence Menus-> Select or Create a menu which you want to show in footer
    1. Check “Footer Menu”
    2. Save Menu

This will create a Bottom Menu Just like as in Demo.

To Design the bottom bar (Social Media Icon Part), please follow given instruction:-

  • Go to Divi >> Theme Customizer >> Footer >>
  • Layout >> Footer Background Color > > #fdfaf5
  • Bottom Bar >>
    1. Background Color > rgba(0,0,0,0.07)
    2. Text Color > #bbbbbb
    3. Disable “B” in Font Style
    4. Enable “I”
    5. Font-Size >> 15px
    6. Social Icon Size > 24
    7. Social Icon Color > #666666
  • Save and Publish

Here this part comes to its end, if you have any further suggestion or question please don’t forget to submit comment or question, we will soon hear you.

Hope you enjoyed the series!!

Important Notes

  • Tested on Divi Version 2.7.8
Share This
Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

You have Successfully Subscribed!