Post/blog page issues title not showing

Support
#1

Hi there,

I have a few issues with the post/blog page.

  1. The post tiles don’t show.
  2. For some posts no content will show.
  3. I’d like to remove the feature image boarder.
  4. How do I change the feature image over symbol?
  5. How do I edit this back in cornerstone? I’d like to add additional page sections and a sidebar.

Any help would be greatly appreciated :slight_smile:

#2

Hello There,

Thanks for writing in!

1.) The post titles do not show up because you have added this custom css in Appearance > Customize > Additional CSS:

header.entry-header {
    display: none;
}

Please remove this code and the post titles will be resolved.

2.) Could you please send us the urls of the post that has no content in it?

3.) To remove the border, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.entry-featured {
    padding: 0;
    border: none;
}

4.) To change the icon over the image when you hover it, please add the following css code in your child theme’s style.css;

.entry-featured .entry-thumb:before {
    content:"\f004";
}

You can get the CSS rule of your desired icon from this site: https://fontawesome.bootstrapcheatsheets.com/

You must add this code in your child theme’s style.css so that it will work and will not be overwritten with the theme options.

5.) Please keep in mind that you cannot edit the blog index with Cornerstone or even using the default WordPress editor. For more details, please check “2.) Create a blog page” section in this codex article: https://codex.wordpress.org/Creating_a_Static_Front_Page#Creating_a_Static_Front_Page

Hope this helps. Please let us know how it goes.

#3

Hi RueNel,

Thank you I’ve added these codes and worked well. I actually would like to go a bit further and just remove all boarders and text so only the images are displayed as tiles as in this blog post here:

How do I do this?

Thanks

#4

Hi There,

To achieve that, please also add this custom CSS:

.blog .hentry .entry-wrap {
    border: none;
}

.blog .hentry .entry-content.excerpt {
    display: none;
}

Hope it helps :slight_smile:

#5

Hi Thai,

Thanks that helped. How do I get the padding or white margins around the blog post images reduced? At the moment the images have a large white margin and I’d like to reduce that.

#6

Hey @Heike_Eco,

Please add this CSS.

.x-iso-container-posts.cols-3 .entry-wrap {
    padding: 0;
}

Please post your site URL next time so we don’t have to search your previous threads. That will help reduce our response time.

Thanks.

#9

perfect thank you!

#10

You’re welcome.

#11

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