Aligning rows

domoldham
(@domoldham)

9 years, 2 months ago

Hi, I have been using page builder to compile a product information list. I have a column for description and another column for an image of the that product, for both of these I have used a visual editor widget. What I would like to do is vertically align the 2. At the moment the text column starts a lot higher the the image.
Is this possible?
Or has anyone got a better way of showing a product with its description. I have around 20 plus products to list with descriptions.

I would send a link to a screen grab, but I cant seem to work it out.

Any help on these issues would be very much appreciated.

Thanks

https://wordpress.org/plugins/siteorigin-panels/

Viewing 15 replies - 1 through 15 (of 15 total)

zoliverz
(@zoliverz)

9 years, 2 months ago

I have got the same problem. In my case image is higher that the text.

Plugin Support Andrew Misplon
(@misplon)

9 years, 2 months ago

Hi @domoldham

We might be able to help with a little CSS, if possible please post a link to the page concerned and we’ll take a look.

Thanks.

@zoliverz, please open a new support thread and we’ll help out ASAP.

Thread Starter domoldham
(@domoldham)

9 years, 2 months ago

Hi Misplon, Thanks for your response, I’m not sure how to give you the link as the site isn’t online yet. Is their a way to give you a link without the site online?

Thanks again

jaskhoo
(@jaskhoo)

8 years, 7 months ago

guys, any update or recommendation on the vertical alignment. I have the exact same problem.. 🙁

Plugin Support Andrew Misplon
(@misplon)

8 years, 7 months ago

Hi @jaskhoo

No change in this aspect of Page Builder. If you’d like me to take a look, please, open a fresh support thread and a send a link to the page you’d like help with. Please indicate the widget / cell / row I should be checking out.

Thanks 🙂

jaskhoo
(@jaskhoo)

8 years, 7 months ago

Hi @misplon

Pagebuilder vertical alignment for columns.

Let me know what you need to access. website jaskhoo.com

Cheers
Jason

Plugin Support Andrew Misplon
(@misplon)

8 years, 7 months ago

Thanks Jason. Each time it’ll depend on the item in the cell. Could you indicate which elements, specifically, you’re looking to vertically align. We’ll try help out with a little Custom CSS.

jaskhoo
(@jaskhoo)

8 years, 7 months ago

Hi

Its at the front page. About page.

2nd row. Where the layout builder widget with description of services on the left and the revolution slider one the right.I need to aligned the 2 columns, currently the revolution slider is longer by heights compare to the layout builder widget. jaskhoo.com

Hope that’s what you meant.

Cheers
Jason

Plugin Support Andrew Misplon
(@misplon)

8 years, 7 months ago

Ok, with you. One option would be to change the slider height to 285px in the slider settings.

Another option is to edit the Visual Editor widget that you have your text in on the left. Click Attributes top right and insert the following in the CSS Styles field:

padding-bottom: 26px

jaskhoo
(@jaskhoo)

8 years, 7 months ago

Thanks @misplon!

Both works but Using the padding on the visual editor helps keep it proportionate which is really great.

If you don’t mind how do you find the height to aligned the 2 columns. Using firebug, i seems to get only the heights for the revolution slider column.

Plugin Support Andrew Misplon
(@misplon)

8 years, 7 months ago

That’s it, except I’m using Chrome Developer extension. It’s a matter of hovering very carefully in the last 2% of the purple block on the right. That picks up the outer container and therefore the width and height of the block.

jaskhoo
(@jaskhoo)

8 years, 7 months ago

Thanks! Really appreciate it…. fantastic.

Btw. I should close the new thread i open earlier for the support?

Thread name: Pagebuilder vertical alignment for columns

Plugin Support Andrew Misplon
(@misplon)

8 years, 7 months ago

For sure 🙂

Yes, if possible, please, resolve the individual thread.

Thanks 🙂

jaskhoo
(@jaskhoo)

8 years, 7 months ago

Thanks! Done.

Plugin Support Andrew Misplon
(@misplon)

8 years, 7 months ago

Appreciate it. Thanks.