Is it possible to do this?

[Pardi]

Hi,

I would like to do something similar to this with X Theme . Is it possible, how?

The original, is here above the footer: https://amishcraftsmanfurniture.com/

Thank, regards

[ruenel]

Hello Gabriel,

Thanks for writing in! Yes, you can replicate this using the X theme and Cornerstone plugin. Please build your section in this structure:

Section
> Row
>   >   Column
>   >   >   Div
>    >   >   >   Icon and other elements
>   >   >   Div
>    >   >   >  "+" icon 
>   >   >   Div
>    >   >   >   Icon and other elements
>   >   >   Div
>    >   >   >  "+" icon
>   >   >   Div
>    >   >   >   Icon and other elements
>   >   >   Div
>    >   >   >  "+" icon
>   >   >   Div
>    >   >   >   Icon and other elements
>   >   >   Div
>    >   >   >  "=" icon
>   >   >   Div
>    >   >   >   Text and your button element

In your Column settings, enable the Flexbox and set it to “Row” in bigger screens:

And then click on the “Direction” text so that you can set the Responsive element styling.

Hope this makes sense.

[Pardi]

Hello Rue,

Thank you for your help, your guide has been very clear, I have achieved a first version, which I would like to improve.

Adding Padding in the Divs, I have achieved a horizontal alignment and the same separation between the elements.

But when viewing vertically, the elements do not appear aligned to the center and the distance between them varies.

Please tell me what would be the correct way to align and separate the elements so that they look good in horizontal and vertical mode?

Thanks, regards,

[Pardi]

Hello Rue,

I did it!

Thanks, regards

[prakash_s]

Hello Gabriel,

Glad that you were able to achieve it by yourself. Please feel free to open a new thread if you have any more queries.

Thanks