Custom Blog Layout and Blog List Footer

[wdekreij]

Hi,

Please help. I think I just missed something on the CSS. I need help with the layout. Then the box is misaligned. Please see the screenshot. https://screencast.com/t/XE0C7ELVvWT

And also is there a way to add custom footer to this Blog list layout? https://dev3.upviral.com/blog-2/

Thank you.

[nabeel]

Hi Wilco,

Thank you for reaching out to us. To align the boxes, you can add the following code in the Theme Options > CSS:

.blog article.hentry {
    vertical-align: top;
}

Assigning a custom footer to any page is possible with Pro quite easily but I see you’re using X which would require custom development and is outside the scope of support we can offer. With that being said I can point you in the right direction. I see you already have the child theme active, try adding the following code in your child theme’s functions.php file:

add_action( 'x_before_site_end', 'blog_custom_footer' );

function blog_custom_footer() {
	if(is_home()){
		echo do_shortcode( '[content_band style="color: #333;" bg_color="#ffddea" border="all" inner_container="true"] [custom_headline style="margin-top: 0;" level="h4" looks_like="h3"]Cool Headline[/custom_headline] <p>Esurivi enim et dedistis mihi manducare: sitivi, et dedistis mihi bibere hospes eram et collexistis me nudus et operuistis me, adipiscing ego me: infirmus, et vidi post me, visitastis me in carcere eram et venistis ad me.</p> [/content_band]' );
	}
}

This will add a custom section to the bottom of your blog page, I’ve used the content band shortcode in the above code snippet which can be found here http://demo.theme.co/integrity-1/shortcodes/content-band/ you can change it with your content. To see all actions and filters in X/Pro see https://theme.co/apex/forum/t/customizations-actions-and-filters-in-x-pro/208

Hope this helps!