Good Day,
First of all let me thank you for the excellent tool: Page Builder!
During my work proccess I faced a problem, that I can not solve. Perhaps someone could help me figure it out?
I use the FREE “Sydney” theme, that Page Builder is compatible with according to recommendations.
I wish to do the following:
place on the website by the chess-board basis – ROW picture text, next line of text image, much like a page: http://www.okia.ee/tood/
My test work is on the address: http://spb.ee/onepage/
I built it up on Page Builder as follows:
Make ROW, divide 2
Top/bottom padding 0 px
Row layout – Full Width Streched
To show the problem better, I edged the text area in red, that I created in ROW “SiteOrigin Editors”.
As seen on the first row, the left picture container has one height and the right picture container has a different height.
Due to that the texts/pictures on the same row have different centre heights.
I tried out placing two containers with pictures (ROW2), their heights and centres match up, change according to screen resolution. Since there is an option under the picture: Full Width / Resize image to fit this container/.
Is it possible to adjust the right container the same way?
Can they be transformed through CSS to the same size? Or do I have to use some other widget to to that?
The picture and text are in the same ROW. How can I adjust it so, that the right container is always the same size as is the left (picture) one?
Widget Styles -> Attributes-> Widget Class + CSS Styles? If yes, can you suggest what this should contain?
Thank you in advance!
Hi Urho
Thanks for your support.
I recommend giving the following plugin a try: https://wordpress.org/plugins/equal-height-columns/. I tried it out in a basic setup recently and it worked well.