The Appearance pane is available on all elements. It has a number of tabs that affect the overall look 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 the element.
- Non-bidders only - only people not signed in as a bidder will see the element.
- Registered users only - only those people with access to the Auction Dashboard as Users will be able to see the element.
The protection toggle switch on this tab can be used to prevent the element from being deleted as a precaution. This is mostly used on a number important system elements which would be very unlikely you would need to delete.
The Layout tab contains settings dealing with the element's margins, padding, and size (in pixels).
If the toggle slider option to make the element full width is enabled (set to ON), the element will be stretched across the full-width of the screen. Otherwise, the element will be limited to the default width: 940px, centered on the screen.
Generally this setting should be left OFF.
Margin settings affect how much room, or "white space", is left around the outside of the element. Padding is similar but leaves the white space inside the element, around its content.
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 option, it may have an adverse impact on how the element appears on a smaller screen size such as a mobile device like a phone or tablet.
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 would rarely need to set a fixed height on an element.
The Background settings allow you to change the background color, add an image to the background of the element, as well as add a border for the element.
To modify the Background, click inside its box to open the background image and color editor.
To change the background color, click in the color box to open a color picker. Select a color, or enter a hex code, for the color you want and then click the choose button.
To add a background image, click the Select link 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 the Clear link next to image.
The Size, Repeat, and Attachment options allow you to control how the background image is displayed within the element.
Click the check mark icon to save your changes; or, click the X icon to cancel your 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 and examples.