The Appearance pane is available on all elements:
It has a number of tabs that affect the overall appearance of the element.
The visibility setting controls who can see the element
- 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.
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.
The Layout tab contains settings around margins and padding and size.
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.
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.
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.
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.
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.
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.
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.