Action Bar Color Settings

Change the action bar's background, texts, and icon colors

Updated over a week ago

The Action Bar contains clickable items that appear at the bottom of the page. The action bar "sticks" at the bottom of the screens as you scroll. Click here to learn more about Action Bars

Accessing the Action Bar Color Settings

  • Select the "Design" Tab from the settings menu on the left side of the page editor

  • Click "Action Bars"

  • Set the colors

    • Desktop Action Bar - for users viewing your website using a desktop or laptop

    • Mobile Action Bar - for users viewing your website using a mobile device

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


โ€‹

Desktop Action Bar Color Settings

  • Background Color - this is the horizontal strip at the bottom of the page,

  • Background Color Opacity - you can adjust the opacity level of the background color

  • Text Color - the color selected will be applied to all texts and/or icons in this section

Mobile Action Bar Color Settings

Click "Mobile" from the top of the left-side settings menu to see the edits you made.

  • Background Color - this is the horizontal strip at the bottom of the page on mobile view

  • Background Color Opacity - you can adjust the opacity level of the background color

  • Text Color - the color selected will be applied to all texts and/or icons on this section

Don't forget to save your work!

Did this answer your question?