OK. Great. This is the code that outputs all of your linked blog titles on the "All blog posts" page:
It looks like you might have a stray closing </div> which could be the cause of the broken layout.
Trying deleting the following </div> from your code (the </div> on line 58 only), "Publish changes" and let me know if the layout looks better (you can always put that </div> back into the code if this doesn't do the trick.)
Matthew Shepherd
Freelance HubSpot Consultant CRM Consultant | SEO Specialist
Thank you for sharing this article with me! Unfortunately, it hasn't really helped as the listing template is blank and it doesn't allow me to preview anything either. If I just need to add code - does anyone have any suggestions or templates I can work from as I'm still learning.
Another approach to get to your blog listing template is to visit the blog listing page on your site while signed into your Hubspot portal, you should see a Hubspot icon floating in the top right of the screen, click that and then click "Edit Blog Template". Let me know if that shows you your template code.
Matthew Shepherd
Freelance HubSpot Consultant CRM Consultant | SEO Specialist
I did as you said and went to the 'All Blog Posts' page and clicked the hovering Hubspot Icon but it took me to the blog post view. It shows me the template listing code but it shows me the code for our blog home page and not the 'All Blog Posts' page that I'm trying to edit.
No problem @JCMO_Kayleigh it can just take a few tries to find the right section of the right template. Could you send a link to this All blog posts listing page and a screenshot of the blog listing code that you are seeing?
I noticed from your earlier screenshot that you have a Hubspot Migrations theme folder. Did the Hubspot team recently migrate you to this blog template?
Matthew Shepherd
Freelance HubSpot Consultant CRM Consultant | SEO Specialist
OK. Great. This is the code that outputs all of your linked blog titles on the "All blog posts" page:
It looks like you might have a stray closing </div> which could be the cause of the broken layout.
Trying deleting the following </div> from your code (the </div> on line 58 only), "Publish changes" and let me know if the layout looks better (you can always put that </div> back into the code if this doesn't do the trick.)
Matthew Shepherd
Freelance HubSpot Consultant CRM Consultant | SEO Specialist