Front End Suite

Please note you need to be able to add classes and IDs to elements to use these tools. See Frequently Asked Questions for more information.

** Vertical Equaliser **

Equalises the height of elements on the page. For example, you have 3 columns and you want the title of each to be the same height regardless of its length, so the columns display evenly.

Add the class ‘rbveq’ and ‘rbveq–groupname’ to the elements you want to be the same height, where groupname is a unique identifier for that group. So your three titles might look like this:

Foo Bar

All those elements will now have the same height

By default, elements will not be equalised below 768px, but you can customise the breakpoint by adding the class rbveq-breakpoint–xx to any one of the elements in…