Price Range Content Element Vertical and Horizontal Alignment

Price Range Content Element Vertical Alignment

You can align the Price range content element to the top, middle or bottom of the page. This can be done on condition that at least one content element is added to the page along with the Price range content element and they are added to the same row. Also, take into consideration that the alignment to the top, middle or bottom of the page can be visible only if the height of the other content element is bigger than the height of the Price range content element.

When the content elements are added, then select the necessary alignment for Price range in the Content element vertical alignment field in the Row settings or Column settings. In this way, Price range content element will be aligned to the top, middle or bottom of the page.

Price Range Content Element Horizontal Alignment

If another content element is added to the page along with Price range and the height of the other content element is bigger, then just in the same way you can align the Price range content element to the right, center or left. For this purpose use the Content element horizontal alignment setting in the column settings or the Content horizontal alignment setting on the Advanced tab of the content element.

The Content element horizontal alignment setting in the column settings has higher priority, meaning that if you set the alignment in both settings, the alignment set in the Content element horizontal alignment setting will be applied to the Price range content element.

For example: 

  • The Content element horizontal alignment in the column settings is set to Right.

  • The Content horizontal alignment on the Advanced tab of the content element is set to Center.

Result: The Price range content element will be aligned to Right.

If you want to align the Price range content element to left, right or center using the Content element horizontal alignment setting on the Advanced tab of the content element, then select the value Justify in Content element horizontal alignment in the column settings.

In this case, the Content element horizontal alignment setting in the column settings will be ignored.

For more information, see Content Elements, Row Settings and Column Settings.