Setting up blog - Masonry Tiles and Post Types

harisqei · October 2016

Hi,

I'm in the process of setting up my website. I'm wanting use masonry tiles as my blog page - I essentially want it to look like this http://themes.muffingroup.com/be/journalist/

And I want my blog posts to look like these:

http://themes.muffingroup.com/be/theme/single-post-1/

http://themes.muffingroup.com/be/theme/single-post-2/

http://themes.muffingroup.com/be/theme/single-post-3/

I can't find any documentation on how to set this up?

I have selected Masonry Tiles in the BeTheme blog settings.

Here is my current blog page - http://staging.eilearn.net/staging/blog/

Here is one blog post I have created - http://staging.eilearn.net/staging/blog/small-businesses-can-wow-employees-like-big-businesses/

Albert · October 2016

Hi,

to set up blog page as http://themes.muffingroup.com/be/journalist/ you need to use Blog item with Masonry Tiles style. But to set up Intro single post styles, you need to set it up for each post under Post Options section.

P.S. Next time, if you don't know how something was made, we recommend to create extra Wordpress instance where you can import demos that are you interested with to learn how it was made.

Thanks.

harisqei · October 2016

I notice there is an import function for post options, is there any way to simply import the styling?

harisqei · October 2016

Nevermind I have figured it out.

Is there a way to change the menu background colour across all blog posts? At the moment I have set to transparent, but would be good to have default background transparent colour to see it more clearer

This is an example blog post - http://staging.eilearn.net/staging/blog/small-businesses-can-wow-employees-like-big-businesses/

Albert · October 2016

To change Top Bar background color on single post pages, you need to use custom css:

.single-post.tr-menu.header-fixed #Top_bar:not(.is-sticky) { background: #000 !important; }

Setting up blog - Masonry Tiles and Post Types

Comments