[Resolved] CSS broken by adding extra content

[Author]

Posts

[Shane]

Hi Nick,

I was able to get in on the site.

However I need a link to the page where you are experiencing the issue.

Thanks,
Shane

[nickK-7]

Hi Shane,

Just added to last private reply.

Best regards,
Nick

[Shane]

Hi Nick,

I must apologize for not spotting this issue earlier with the information you had previously provided.

The issue is actually here.

<div class="row ">
			<div class="col-sm-12">[wpv-post-body view_template="loop-item-in-coaches-overzicht"]</div>
      </div>
		[wpv-item index=other]
			<div class="col-sm-12">[wpv-post-body view_template="loop-item-in-coaches-overzicht"]</div>
		[wpv-item index=pad]
			<div class="col-sm-12"></div>
		[wpv-item index=pad-last]
			<div class="col-sm-12"></div>
		</div> 

You are actually using the bootstrap classes which is causing the page to break once you have the 3rd item. Just having this only is sufficient for your view.

[wpv-post-body view_template="loop-item-in-coaches-overzicht"]

I've already fixed it for you so it should be running fine now.

Thanks,
Sahne

[nickK-7]

Hi Shane,

I just checked it whitout changing anything, but it still appears to be broken...

Hope to get this fixed.

Best regards,
Nick

[Shane]

Hi Nick,

Take a look here.
hidden link

It seems that some caching on your end is causing you not to see what i'm seeing.

[nickK-7]

Hi Shane,

Thanks for your reply! Indeed now the three items are displayed correctly, but when you apply a filter eg "Carrière" picked and then push on the orange button. Then the issue is still there...

Best regards,
Nick

[nickK-7]

Hi Shane,

Also now the text doesn't appear anymore.

Still something wrong 🙁

Best regards,
Nick

[Shane]

Hi Nick,

I took out the custom divi code for testing and it seems that this is what was breaking the layout.

<h1>[types field="naam-coach"][/types]</h1>
<strong>Specialisatie:</strong> [types field="specialisatie-coach"][/types]
<strong>Specialisatie tags:</strong> [wpv-post-taxonomy type="specialisaties-coaches" format="name"]
<strong>Ondersteuningebieden:</strong> [wpv-post-taxonomy type="ondersteunings-gebieden" format="name"]
<strong>Postcode & Woonplaats:</strong> [types field="postcode-coach"][/types] - [types field="gemeente-coach"][/types]

<strong>Korte omschrijving coach</strong>

[types field="korte-omschrijving-coach"][/types]






<p>
[wpv-post-featured-image size="full"]</p>

The class of the footer is being overwritten somehow. I'm still investigating this one for you but this was just an update.

Thanks,
Shane

[Shane]

Hi Nick,

It seems we are working on the site at the same time.

I've been making modifications to the view during my tests to see what results I would get.

Please allow me to have some more time with the site.

[nickK-7]

Hi Shane,

Thanks for you reply. I was thinking the same. I have now closed the site and wait for your response.

Best regards,
Nick

[Shane]

Hi Nick,

So i've finished with the analysis of the site.

It seems that the layout within the divi layout is breaking the footer area that you made. Not sure why as i'm not so experienced on divi's css and templating structure.

The alternative that I would suggest is to build out your looped items manually by either using tables or using some custom responsive columns css.

Take a look at the link below.
hidden link

This should be able to guide you on how to create the responsive css grid.

Thanks,
Shane

[nickK-7]

Hi Shane,

I really appreciate your support, but can you please escalate the issue to someone who has more experience on Divi in combination with Toolset please? Because when i just Googled i see there are many problems with views and Divi since they updated the theme...

The site normally goes live tomorrow and for now it's her already 10.10 pm. So there is not much time left to make significant changes to the layout.

Anyway, thanks for your support and very quick responses! I really appreciate that!

Best regards,
Nick

[Shane]

Hi Nick,

I can escalate this for you but it will take some time.

What I want is to get a copy from your site so that I can provide to our 2nd tier supporters for further debugging on the issue.

Please let me know if I can grab the copy.

Thanks,
Shane

[Shane]

Hi Nick,

Just a follow up here.

Any word if I can grab the copy of the site or atleast send me the latest copy fo the divi theme ?

I would love to be able to escalate it to our team for further debugging.

Please let me know as soon as you can.

Thanks,
Shane

[nickK-7]

Hi Shane,

Thanks for your follow up! Elegant Themes is now having a look at the problem and i keep you updated as soon as i have more info from them.

Best regards,
Nick