Basic Styles

Basic Styles

The Basic Styles checkboxes allow you to apply commonly used styles to your grid without needing to know any CSS, a language used for styling web pages.

Reset

The Reset option resets all editor panels, except for Query Source, to the default style selected under Theme Preset (see below). This reset does not affect your undo history, so you can always use Undo after a reset to revert to your previous configuration. This feature is useful if you have made multiple changes to your grid and wish to start fresh without losing all your previous adjustments.

TIP: To return the grid to the original settings and clear all formatting, select None as the preset before performing the reset.

Override Theme Fonts

Selecting Override Theme Fonts replaces your theme's default fonts with standard fonts from Advanced Grid Builder. These are based on Open Sans. This can be helpful when the default fonts of your theme do not align with the visual design of your grid or when consistency with Advanced Grid Builder presets is desired. Using this option allows quick adjustments to ensure your grid aligns visually with the presets provided on this website.

Cell Shadow

The Cell Shadow option applies a subtle shadow effect to the entire cell. This effect adds depth and helps the cell stand out against the background.

Image Shadow

<p<THE Image Shadow option adds a subtle shadow effect to the image thumbnail, enhancing its visibility within the cell.

Hover Enlarge

Enabling the Hover Enlarge option applies a subtle animation to the cell when the mouse hovers over it, making the cell appear slightly larger. This effect can help attract attention to the cell currently being viewed.

Cell Hover Shadow

The Cell Hover Shadow option adds a shadow effect when hovering over a cell. This feature works particularly well when combined with Hover Enlarge.

Centre All Text

Activating the Centre All Text option centres all text inside the cell. Keep in mind, if you have aligned text in a specific way within a sub-element, that alignment will take precedence over this setting.

Centre Content (Vertical)

The Centre Content (Vertical) option aligns content vertically within the cell. This relies on CSS Flex settings and may not function in all configurations. Some limitations could arise with fixed height elements or non-flexible parent containers, preventing proper vertical alignment.

Note: This setting will conflict with the Equalise Grid Heights setting and will be automatically disabled if the Grid Sizing / Equalise / Cell Heights field has a value other than off. For more information on CSS Flex settings, you can read more here.

Centre Content (Horizontal)

The Centre Content (Horizontal) option centres content horizontally within the cell, contributing to a balanced layout for your grid.

Note: If Equalise Cell Heights is enabled, this option will be automatically disabled as the two features cannot function simultaneously.

Image Hover Zoom

The Image Hover Zoom option applies a zoom animation to the image thumbnail when the mouse hovers over it. This enlarges the image, helping to draw attention to it.