Change the footer's text, button, and input field colors

The Footer is displayed at the bottom part of every page of your website. It usually contains the restaurant's contact information, operating hours, social media links, and a newsletter subscription form. Click here to learn how to add footer elements on your website.

  • Select the "Design" Tab from the settings menu on the left side of the page editor
  • Click "General Colors"
  • Scroll down to Footer

Note: Design Settings are applied to all elements across all pages in the website.

The footer menu is displayed at the bottom of each page of your website.

  • Background - background color of the footer
  • Text color - color of any unclickable text in the footer (e.g., operating hours and location label)
  • Link color - color of any clickable element in the footer (e.g. footer navigation and social media icons)
  • Link color hover - color of any clickable element in the footer when a page visitor hovers the mouse pointer over it
  • Go to "Body" in the design tab
  • Scroll down to the "Button" and "Input Fields" sections

Please check Theme Body Colors Setting to understand how to change the color settings of the body texts, paragraphs, text links, input fields, buttons, and page background.

All page sections that have a background image, including the footer section, share the same settings to make the colors uniform throughout the entire website.

  • Go to "Sections with Background Image" in the design tab

Please check Theme Colors for Sections with an Image to understand how to change the color settings for page sections that contains a background image.