The Elements Style menu manages your app's images and buttons.
Settings chosen in this menu are applied to every section of your app.

WARNING! Very important: When applying your elements style to your app, every modification made in this menu will be applied to all sections of your app.

To setup your Elements style: 
1.  Go to the left swipe menu Design & Structure > DESIGN > General Design
2. Click "Elements Style" on the right column.

To modify the design of a specific section, for in-depth customization, read this online help.


1

Style of thumbnails and cell

- Select the style that will be applied to your thumbnails and cells of your app

picture

2

Mouseover effects on pictures (Desktop PWA only)

Select the effects that appear when hovering the mouse over an image.

picture

3

Buttons

For pages in your app that prompt users to perform an action, there are 3 levels of buttons.
Each level corresponds to different actions in different Sections / Home widgets.
GoodBarber automatically assigns the right level to the button, depending on the action and where is it displayed in the app.

Level 1 button design will always be filled.
Level 2 button design will always be outlined.
Level 3 button design is only a link in text format.

1. Set the shape of the buttons in the Global style menu.

Warning:
- The colors of the button are based on the app's color scheme. You can change the color of a particular button, in each section - design panel  or widget settings .
- The level of the button cannot be changed.

picture

More articles