Content Area Disappearing

Support
#1

Hey, I added a content area that included a DIV and some javascript within it. As soon as I hit save, it disappeared. The script runs fine on the website, but it doesn’t appear in cornerstone. I wanted to change it, but wasn’t able to see it or delete it, my only option was to delete the entire section (which had several other items in it) and rebuild.

What could have caused this?

#2

Hey @kerridawn,

Please share the code in a Secure Note so we could test it in our sites and maybe we could provide an explanation after.

Thanks.

#3

I added the secure note.

I should also add, the reason I need to edit this code in the first place is that I cannot get the DIV to center align, could you be able to tell me why? Left works, Right works. But if I try center or middle, it stays left.

#4

Hey @kerridawn,

I see that it won’t appear anymore in the builder but this isn’t the builder’s fault. Please also note that not all JavaScript dependent display could be shown in the builder so what I’d recommend for this case is you switch to Skeleton Mode so you’ll clearly see all elements in the builder in their structural form.

Please give us the URL of your site so we could give you advice on how to center your content. It might also be because of the alignleft class you added to your div. Try removing it.

Thanks.

1 Like
#5

@christyian_y This is very similar to the problem I’m having here: https://theme.co/apex/forum/t/cornerstone-visual-builder-broken/38700/3
When I create a raw content block in the visual builder/drag n’ drop builder, unless that raw content block has elements that can be actually seen, it totally disappears from cornerstone’s visual preview. You can’t find it or click it without the skeleton view. This was not how it worked prior to 6.2.2.

Also, I have a video element in my project that no longer previews since that update as well.

It’s important that features stay working intuitively, as some of us will be handing these projects off to clients with far less aptitude than us.

Please confirm if this is not a bug, or intended “new” behavior.

#6

Hi @kerridawn

Please inspect the Column where your Amazon code is placed, then set the Text Alignment to Center.



Then add the line of CSS below to the STYLE field of the RAW Content element where you pasted the Amazon code.



display: inline-block;margin-left: auto;margin-right: auto;

Yes, you need to view it on Skeleton Mode.

Hope it helps,

Hi @Tratz, I’ve just replied to your thread.

Thanks,

2 Likes
#7

Thanks, this did the trick!

#8

Thanks, skeleton mode was the solution to the disappearing area. I didn’t even know it was an option!

As for the div alignment, I tried left, right, and center. Left and right worked, but center kept it left.

#9

Hi @kerridawn,

If the generated code has positioning then alignment may not work properly. May I know which site has this code? I was confused by the at @Tratz. Maybe we can enforce different CSS for that code generated content.

Thanks!

#10

It’s working now, the suggestion above from @friech did the trick!

Thanks

#11

Glad it’s okay now, cheers!

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.