Support » Plugin: Elementor Page Builder » Columns in Columns ?

  • Resolved benedettoapp

    (@benedettoapp)



    How?
    I have a Column 66/33 in the 33 part i have an image, in the 66 i have a small image and 2 text editor one over the other, now i need to put 4 images under the text and i wanted to put 2 rows of columns at 50% inside, but it won’t let me. How can i do it, how can i put 2 images/buttons next to each other without columns? the only way i managed to do it is either insert Html or images in a text editor, but i don’t like this solution, is there another way?

Viewing 2 replies - 1 through 2 (of 2 total)
  • In Elementor (and many other page builders) 2 levels deep is the limitation.

    However, sometimes themes come with their own set of shortcodes that allow you to add your own columns to text areas. Something like:

    [one_half]Your first 50% content here[/one_half]
    [one_half]Your second 50% content here[/one_half]

    If I don’t have that option and get stuck in a jam, here’s what I do:

    1. Build out the 50% columns in a separate Elementor section
    2. View the results on the front end and use my browser’s inspector to copy the resulting html
    3. Use a text editor to inspect the copied html and remove any unique auto-generated classes (just the unique ones, they look like elementor-element-kmrqpeh) *as soon as you delete the original, any associated css rules in Elementor will be lost anyway
    4. Add the copied html to the Elementor text area where it’s needed (or use an Elementor html block if you find WordPress filters stripping out part of your html)
    5. Don’t delete the original 50/50 section yet, save and view on the front end again to compare results side by side
    6. Adjust any necessary custom css in the child theme style.css (comparing to the original)
    7. Go back and delete the original, save and back to the front end you should have the desired result.

    * keep in mind this approach requires some knowledge of html and css to a small degree.

    • This reply was modified 1 year, 12 months ago by  Philip Ingram.

    Ok thanks, i did manage to solve it, but it is a little tricky, because dragging a column in a column will not always work, so it’s a little frustrating, it’s easier to add with the + button on the column menu to add columns and delete to minus it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Columns in Columns ?’ is closed to new replies.