How to display relationship fields NOT as list items

This topic has 3 replies, 4 voices, and was last updated 2 years, 8 months ago by Yasmine.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 21, 2021 at 2:58 PM #28353

Testamentum
Participant

Hi, I have two custom post types, hotels and cities, and I want every hotel to display custom fields for the city hotel is located in. The problem is fields are always displayed as list items, with bullets.

I tried in two ways. First, without setting up a relationship, just adding a city field inside Hotel CPT, and pointing that field to cities cpt. Cities data is displayed using Elementor widgets even though there is no relationship.

Then I added a relationship between them, and then the relationship appears in edit column of the post (like here: https://www.youtube.com/watch?v=JBqIRrdzGDc) and I can choose the city there as well.

In both cases in the post edit screen I got either a checkbox or a select field to choose the city. But in both cases output is a list item. How can I do this so the output is not a list tiem?

p.s. I know how to remove the bullet via CSS, but that is still a list item.

Add New Note to this Reply

May 23, 2021 at 3:27 PM #28379
Long Nguyen
Moderator
Hi,

You can add your own HTML tags when showing the list posts relationship without the default <ul><li>, such as
```
{% for post in relationships.posts_to_pages.from %}
    <div class="block-relationship">
        {{ post.title }}    
    </div>
{% endfor %}
```
Add New Note to this Reply
February 27, 2022 at 5:30 AM #34169

Sharif
Participant

And how can this be applied to Elementor? It shows up as a bulleted list item here as well.

Add New Note to this Reply

March 3, 2022 at 11:32 PM #34276

Yasmine
Participant

+1

I have been doing this with CSS - but it would be easier if there was a custom setting to add onto the custom field. Thank you!

Add New Note to this Reply
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.