Blog Theme To Work Correctly

We are using pro on jeremygorham.com . We are currently using the integrity stack and we would like to make some changes to the blog section. Here is the list:

  1. On this page: http://jeremygorham.com/blog/ can we add some sort of title like shown here: http://demo.theme.co/integrity-1/blog/

  2. On this page: http://jeremygorham.com/blog/ can we remove the sidebar as shown here: http://demo.theme.co/integrity-1/blog/

  3. On this page: http://jeremygorham.com/blog/ can we get the featured images to show up like you guys show on this demo: http://demo.theme.co/integrity-1/blog/

  4. On this page: http://jeremygorham.com/blog/ can we get the link not to disappear when its hovered over?

  5. One a blog post page ie: http://jeremygorham.com/reading-bible-cover-cover-2018/ can we get the recent posts to show the featured image like this example: http://demo.theme.co/integrity-1/5-reasons-you-need-the-x-theme/

  6. One a blog post page ie: http://jeremygorham.com/reading-bible-cover-cover-2018/ is there a way to have the drop down filter topic as in this example: http://demo.theme.co/ethos-1/

  7. Can we get our category page: http://jeremygorham.com/category/leadership/ to look more like this category page: http://demo.theme.co/ethos-1/category/miscellaneous/

Thanks, Gordon~

Hi Gordon,

Thanks for writing around!

  1. Regretfully, the landmark header is not supported in Pro but is available in X only.

  2. To remove the sidebar, navigate to Appearance > Customize > Blog > Layout and select Fullwidth

  3. To display featured images just add a featured image to posts via WordPress post editor.

  4. To change the hover color, please navigate to Appearance > Customize > Typography > SITE LINKS and change the hover color.

  5. The Recent Posts section you see in the demo is a recent posts shortcode used in a Text Widget in sidebar, please see http://demo.theme.co/integrity-1/shortcodes/recent-posts/ and use Horizontal Orientation

  6. Regretfully it is only available in Ethos stack.

  7. Regretfully we can’t mix the features of different stacks, it’s only for Ethos.

Hope this helps!

Hi Nabeel,

Thanks for the info. So we decided to go with the ethos stack because we like those features more. So a question regarding that.

We added the shortcode: “[recent_posts count=“3” orientation=“vertical”]” to the sidebar and it looks a little buggy here: http://jeremygorham.com/blog/ It appears to be doubling up some of the posts. We currently only have 2 posts but that seems odd.

Hi again,

  • You should change your shortcode to display only two posts instead if you have only two posts, change your shortcode to:
[recent_posts count="2" orientation="vertical"]
  • To display blog slider and Filterable Index on blog page, navigate to Appearance > Customize > Ethos then scroll down to POST SLIDER – BLOG and turn it on and then scroll down further to find BLOG OPTIONS > Filterable Index and turn it on as well.

Cheers!

I tried that with 2 and got the same problem

Hi again,

That should’ve worked. I tried checking your site but couldn’t find the recent posts shortcode anywhere, have you removed it? Can you please add it again so we can take a look?

Thanks!

No, I never removed it. Its on the sidebar here: http://jeremygorham.com/blog/

Hi again,

I think I’ve found the issue you’re having. Looks like you’re adding the shortcode in Text widget via Visual Editor, please switch to Text editor and then paste the code:

[recent_posts count="2" orientation="vertical"]

Cheers!

You are correct, I was doing that. However I just tried it the way you said and is having the same issue. I also tried deleteing the text from the widget area and started over. Same issue.

Hi There,

I can see the issue. There are some unnecessary paragraph tags that was causing the issue. See this: https://screencast-o-matic.com/watch/cblX082mG6
It can be fixed by the following CSS, though the best way to solve it is to find the plugin or extra settings from your site that was putting extra p tags.

.x-recent-posts.cf.vertical >p {
    display: none;
}

To find the plugin, you could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Please note that this issue is isolated on your setup because I tried it using the same version of Pro and same Ethos stack on my test site and recent post is working fine. See this comparison on the structure: https://screencast-o-matic.com/watch/cbllch2mGB

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.