Extended Products Grid - Labels - position and dimensions options
Navigate to the "Settings" tab.
To change position and dimensions options for the 'labels' attribute, click the "Labels" button.
You will see the following options:
- margin top - change the margin for 'labels' attribute
To change the position and size options for the 'labels' attribute, click the checkbox. Additional options will be displayed:
- position - select static, relative, or absolute position,
- left - set the horizontal position of the element's left edge. Available when position relative or absolute is set,
- right - set the horizontal position of the element's right edge. Available when position relative or absolute is set,
- top - set the horizontal position of the element's top edge. Available when position relative or absolute is set,
- bottom - set the horizontal position of the element's bottom edge. Available when position relative or absolute is set,
- z index - set this element below/above other elements. Available when position relative or absolute is set,
- width - set the width for 'labels' attribute. Provide value in px or %. For example, 200px or 20%,
- height - set the height for 'labels' attribute. Provide value in px or %. For example, 200px or 20%,
- click to position this element inline with the bottom one and the upper one - checking this option will set the attribute inline.
Related Articles
Extended Products Grid - Autolabels - position and dimensions options
Navigate to the "Settings" tab. To change position and dimensions options for the 'autolabels' attribute, click the "Autolabels" button. You will see the following options: margin top - change the margin for 'autolabels' attribute To change the ...Extended Products Grid
Extended Products Grid element is strongly recommended for building products list view. Adding Extended Products Grid element To use Extended Products Grid, navigate to your section in YooTheme Builder: Add a new element to the section. Extended ...Extended Products Grid - Other options
Navigate to the "Settings" tab. To change other grid options, click the "Other" button. You will see the following options: Position - select static, relative, or absolute position for extended products grid element, left - horizontal position of the ...Extended Products Grid - Grid options
Navigate to the "Settings" tab. To configure grid options, click the "Grid" button. You will see the following options: Enable masonry effect - creates a layout free of gaps if items have different heights, Parallax - moves single grid columns at ...Extended Products Grid - Columns options
Navigate to the "Settings" tab. To configure the columns options, click the "Columns" button. You will see the following options: Those options allow changing a number of grid columns depending on which device the user is using.