Single post and Blog archive customization

Hi there,

I have been editing custom CSS and some .php files (single.php + content.php) to customize both the blog archive and single post pages of a website for a client. I created a custom /blog page using your Blog element in Elementor, choosing the ‘Meta on design’ under the ‘Blog design’ dropdown.

I created 2 instances of the Blog element to mirror the client’s design, the first being to showcase the latest/featured post, the 2nd one to show a grid of Recent articles/posts (hidden for now, as the client only has 1 real post).

I also used the advice from another forum post (https://xtemos.com/forums/topic/change-single-post-related-posts-design/) to add some PHP to the content.php file to add an HTML block to the single post template.

I tried altering the single.php code (after backing up original) to style the Related posts section on the single post page to look like what I had in the above /blog page, the archive grid. Namely lines 86 & 88

‘blog_carousel_design’ => ‘meta-image’ === $design ? $design : ‘masonry’, **changed to => ‘meta-image’**

(I got the idea from this forum post – https://xtemos.com/forums/topic/change-single-post-related-posts-design/)

‘slides_per_view’ => 2, **changed to 3**

My problem is, while I seemed to be making progress, it would get reversed/lost if I updated settings via Theme settings > Blog in WordPress backend.

The most noticeable thing I cannot get back is the related posts carousel has disappeared

I’ve since restored the original single.php file. But the Related posts carousel is still missing.

I’d appreciate your help with this so I can handover the website to my client and train them on using the blog.

I’d also like some advice on how to make the page content Full width like the rest of the site.