Add div within shortcode

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
June 5, 2019 at 8:56 pm #491086
milettic
Expired Member

Post count: 240
I am using elementor and trying to achive something like this on GD Details Page:
```
<div class="div-class">
[gd_claim_post text="Claim this business" output="button"]
[gd_post_badge key="claimed" condition="is_equal" search="1"]
[gd_post_badge key="featured" condition="is_equal" search="1"]
</div>
```
I need to put absolute “div-class” div over the gallery and float left al badges. On the attached foto individual badges are “absolute” and they are one over/under, what is not good.

Thank you
June 5, 2019 at 11:26 pm #491113

Alex Rollin
Moderator

Post count: 27815

Yes, they will overlap if used in the same area with the same class so you will need custom CSS to move them about.

In our demo we use them in different corners.

I will ask the developers to consider providing advice about that.

June 6, 2019 at 12:49 pm #491241

milettic
Expired Member

Post count: 240

I need to position them next to each other.
I am waiting for a solution,
Thank you

June 6, 2019 at 12:50 pm #491242

Stiofan O’Connor
Site Admin

Post count: 22956

I’m not exactly sure what you are trying to do, can you provide a link to your site and more info and i will advise more.

Thanks,

Stiofan

June 6, 2019 at 1:02 pm #491245

milettic
Expired Member

Post count: 240

This reply has been marked as private.

June 6, 2019 at 5:07 pm #491305

Stiofan O’Connor
Site Admin

Post count: 22956

You want them app positioned in the top left?
If i remember right Elementor shortcode input strips other html, i think u would need to use the html input instead to prevent the html wrapper being removed.

Stiofan

June 6, 2019 at 7:46 pm #491335

milettic
Expired Member

Post count: 240

Yes, top left inside the gallery photo.
I’ve tried text, shortcode, HTML, and also to add the class to the element, but something eliminates all wrapper code. The only thing which remains is h tags.

June 8, 2019 at 1:38 pm #491695

Alex Rollin
Moderator

Post count: 27815

There is also “WP shortcode”

June 8, 2019 at 2:19 pm #491702

milettic
Expired Member

Post count: 240

??? explain please

June 8, 2019 at 5:03 pm #491731

Alex Rollin
Moderator

Post count: 27815

I had success adding shortcodes with the WP Shortcode element.
I wrote about it here:
https://wpgeodirectory.com/docs-v2/integrations/builders/

June 8, 2019 at 6:14 pm #491747

milettic
Expired Member

Post count: 240

No, I still can’t figure out what you mean. Sorry, may I ask you to explain a little bit more? Thanks

June 10, 2019 at 6:20 pm #492095

Alex Rollin
Moderator

Post count: 27815

There is an elementor element called WP Shortcode that often works well for shortcodes.

June 11, 2019 at 10:41 am #492276

milettic
Expired Member

Post count: 240

You think about this: https://docs.elementor.com/article/72-shortcode ?

Doesn’t work in my case. I’ll send you the data for accessing the site please take a look. Thanks

June 11, 2019 at 10:46 am #492277

milettic
Expired Member

Post count: 240

This reply has been marked as private.

June 11, 2019 at 7:28 pm #492354

Alex Rollin
Moderator

Post count: 27815

Hi

You will continue to experience issues until you build with the pro theme builder. The page builder is not supported on template pages.
Author

Posts