[Resolved] View shows repeatable images from multiple custom posts

[Author]

Posts

[davidP-26]

I am trying to:
I have custom template (bb-products-template) for my custom post type (Products) built with Eelementor pro. I have several repeatable image fields in my custom post type. One is gallery of product images and there is also repeatable image field with icons (product features). I created the Toolset View for both gallery and icons. The problem is that images are shown from all custom posts, not just the one that is displayed.

Link to a page where the issue can be seen:
hidden link
password: factory

[Shane]

Hi David,

Thank you for getting in touch.

The issue should be fixed now. The problem was actually because you didn't had the relationship filter to your view.

This is required so that you view will filter based on the current post being viewed. Have a look at my screenshot.

Please let me know if this helps.
Thanks,
Shane

[davidP-26]

Hi

Thanks, it works now.
I also have trouble styling Views. I added some CSS code in Loop Editor/CSS Editor and after every element I need to include !important, otherwise it doesn't work.
I added
.row {
padding-bottom: 30px!important;
}
to make spacing betwen rows.
Also the mobile output is messed up, can I use media queries inside this CSS editor?

[Shane]

Hi David,

You will need to use the !important because you are overwriting the bootstrap css, so if there is already a padding bottom attribute on the .row then it loads first based on the order of precedence.

Also yes media queries can be used here.

Thanks,
Shane

[davidP-26]

My issue is resolved now. Thank you!