Skip Navigation

[Resolved] Layouts Custom CSS – how align the row of middle height?

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

This topic contains 1 reply, has 2 voices.

Last updated by Beda 5 years, 1 month ago.

Assigned support staff: Beda.

Author
Posts
#422766
image 3.PNG
image 2.PNG
image 1.PNG

Hello!

I use Toolset Layouts. I have created a row of the layout (image 1). It is displayed on the site as follows (image 2). What I need to add CSS to content are aligned vertically (image 3)?

#422799

You can apply some Custom CSS, like a margin, or padding, to your Cells, or the content within the cells, by adding ID and Classes to your HTML.
https://toolset.com/documentation/user-guides/using-html-css-style-layout-cells/

Then, you add the required CSS to your Layouts > CSS editor.

To learn more about CSS, which is mostly required to style HTML, also in Toolset, you can fall back to this as reference:
hidden link
hidden link
hidden link

As an example, padding to a DIV is added as this:

div.class {
  padding: 10px 10px 10px 10px;
}