Appearance Settings

The Appearance pane is available on all elements:

1552447441437

It has a number of tabs that affect the overall appearance of the element.

Visibility

The visibility setting controls who can see the element

1552447495051

  • Everyone: any visitor to the site will see the element
  • Bidders only: only people signed in as a bidder will see it
  • Non-bidders only: only people not signed in as a bidder will see it
  • Registered users only: only those people with access to the auction dashboard as users will be able to see it.

Protection

The protection switch on this tab can be used to prevent an element being deleted. This is used on a number of important system elements which it is very unlikely you would need to delete.

Layout

The Layout tab contains settings around margins and padding and size.

1552447892982

If the option to make the element full width is enabled, then it will be stretched across the full width of the screen. Otherwise it will be limited to the default 940px centered on the screen.

Generally this setting should be left off.

Margin settings affect how much room is left around the element. Padding is similar, but leaves the white space inside the element.

WARNING

Web layout uses margins to handle centering. Typically the left and right margin settings should be left blank to keep the element centered.

Height settings can be used if you need to force a minimum (or maximum) amount of space to be used for the element. Generally you should be careful about using this, since it may have an adverse impact on how the element appears on a smaller sized screen, such as a smartphone.

WARNING

Adjusting the height of an element is an advanced feature.

It is possible to make it difficult to interact with an element by forcing the height to a very small size.

Generally you should rarely need to set a fixed height on an element.

Background

1552447976214

The background settings allow you to change the color, add an image in the background of an element, and add a border.

Click inside the background box to change the background.

1552448000719

The background editor appears.

To change the background color, click in the color box. Select a color or enter a hex code for the color you want, and then click choose.

1552448027426

To add a background image, click Select next to image. A popup window will appear where you can drag the image you want to use for the background.

To remove a background image, click Clear next to Image.

The Size, Repeat and **Attachment **settings allow you to control how the background image is displayed within the element.

Click the check mark to save background changes.

CSS Rules

1552448111403

The CSS Rules tab allows you to specify custom CSS rules if you are familiar with website design.

This is an advanced feature, see Custom CSS rules for some more details.

Last Updated: 3/13/2019, 3:47:17 AM