How to remove empty column?

When working the amount of empty columns increase. TagDiv says empty columns should be removed, but how to remove them?

Ok thanks a lot for a quick reply.

My website is thetinderclub.com and the empty elements are still showing

its still same not able to remove empty columns

I have the same issue. The problem isn’t deleting “Elements”, it’s deleting the empty Rows and Columns which keep building up on a page.

The first of the four picture examples Calin shared looks like the proper step to take to remove columns/rows, but the “Delete Row” button doesn’t appear at the bottom left of the “Content -> General -> Row” tab in on the left side of the screen.

I’m using 9.6 and don’t see that option for removing Rows even though everything else looks identical.

I figured it out now. I can’t remove the row unless it’s populated with a block. Then the option appears to discard the whole section. It’s an odd workaround, but I have to drag in a dummy element and then carefully highlight the “row” tab at the top left to drag the whole thing to the delete button at the bottom right of the screen.

I have the same issue but none of the workarounds helped me. They just keep piling up

your screencast doesn’t work.

none of this is working for me. right click does not work. there is no right click menu at all for me. just the basic right click browser menu. and i am right clicking right on the little blue “row” icon. i also don’t have the drag to the right corner of the screen option. when i drag a row to the right corner of the screen, i do not get that orange pop up in the corner. also, your video does not show key strokes. i assume you clicked on the row and hit the delete button? if so, that is not working for me either. im using chrome for a mac.

ps – can you go slower in the video next time? thanks so much for all of your help.

had a little betty luck in safari/mac, but it was still a crazy set of steps to make it work, and im not exactly sure how i got it to work. seemed as though it was some sort of right click while dragging to the right corner. but it wasn’t consistently working. just kept messing with it until i would see the orange red box in the right corner.

Hi Calin,

I just installed last week. I have version V 9.7.3. Is this older?

Thanks again,
Jennifer

The part Calin isn’t highlighting enough and what I figured out is that you literally need to place your cursor over where it says ‘Row’ and drag from there. If you try to drag from anywhere else, it only removes the element and now the empty row.

Hi everyone,

Not sure if this helps (and it’s certainly not the easy solution we’re all after), but here’s one way to delete those annoying empty columns that hang around in the TagDiv Composer.

Apologies in advance to all those out there who are far more advanced than me; I’m sure you probably already have this nailed and my explanation might not earn any marks for ‘technical writing’, but here goes…

The first thing to mention is that the words ‘Empty Column’ are slightly misleading, as a Column sits inside a Row – and so it’s usually the Row you want to target and not just the Empty Column inside of it. As clear as mud, eh?

Anyway, basically it’s a case of getting out of the TagDiv Composer, jumping into the old school Page Edit screen, and identifying in all that code where the empty rows / columns are and then deleting them from there.

So, if you’re using the TagDiv Composer and you put a new Row into your page, set it to stretch the the content, add a Text Column to it, put some text in (a sentence of Lorem ipsum in this case), hit save, it’ll look something like this when you look at the code on the Page Edit screen:

[vc_row full_width=”stretch_row_content td-stretch-content”][vc_column][vc_column_text] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/vc_column_text][/vc_column][/vc_row]

And here’s the same thing but without the Text Column and actual text – the kind of thing that appears as an undeletable Empty Column in the TagDic Editor:

[vc_row full_width=”stretch_row_content td-stretch-content”][vc_column][/vc_column][/vc_row]

Apologies again to the hardcore users out there but I’m going to break that down in my own simple way so we all know what we’re looking at:

[vc_row full_width=”stretch_row_content td-stretch-content”] – (This opens the Row and stretches the content)
[vc_column] – (This opens the Column that sits inside the Row)
[vc_column_text] – (This opens the Text Column that sits inside the Column that sits inside the Row)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. – (This is your text)
[/vc_column_text] – (This closes the Text Column that sits inside the Column that sits inside the Row)
[/vc_column] – (This closes the Column that sits inside the Row)
[/vc_row] – (This closes the Row)

And in the second example (the one without any Text or Text Column):

[vc_row full_width=”stretch_row_content td-stretch-content”] – (This opens the Row and stretches the content)
[vc_column] – (This opens the Column that sits inside the Row)
– (There’s nothing to see here, please move along…)
[/vc_column] – (This closes the Column that sits inside the Row)
[/vc_row] – (This closes the Row)

So, if you wanted to delete both of these so they no longer show up in the TagDiv Composer you’d have to delete all of the above.

At its most basic, if you spot [vc_row] [vc_column] [/vc_column] [/vc_row] in your code then that’s an empty Column / Row and (if you wish) you can delete it.

Needless to say, go careful with this. Because if you accidentally highlight a stray open or closed bracket and hit the delete button then you could be in all sorts of trouble. Probably best to add a Column that you know you don’t want and then have a go deleting that.

I’ve found that adding a text box and some text to an Empty Column actually makes it easier to distinguish in the code, so that’s not a bad idea.

Well, I hope that helps. As I said before, a big ‘Delete Empty Column’ button in the TagDiv Composer would be the best thing by far, it looks like it used to exist but I’ve only been using this theme for a couple of weeks so I guess I missed out – so until that comes back I’m sticking with this.

Even though it’s a total pain the arse.

Cheers,
Rich

PS: And if you feel in any way uncomfortable about doing this, then (as mentioned before by a few people) you can use the CSS tab on the Empty element to set the visibilty to ‘hidden’. It won’t remove it from the code but it will hide it from the Composer.

I too struggled this problem. But there’s an easier way to do this. Right click on the word “Row” and click delete…

Nice one Scott,

That was a LOT easier than my mad suggestion!

Cheers,
Rich

Ahhhh thank you! This was driving me crazy!

Is it possible for the Dev to add a delete button to these empty rows/columns? I had to search before I found the answer 🙂