Blog Layout & Format

Support
#1

Hello,

I need some help with setting up my blog. I’ve created a blog page and added a new post. I have removed the blog page from my menu as it is incorrect and I don’t want to leave it for public view. However, when I add the blog to my menu, there is a pull down option; which I do not want. All posts are included in the blog even posts marked private.

Here’s what I am trying to achieve. I would like the blog in the menu without the pull down option and to have 3 or 4 columns of blog posts with a thumbnail and a couple of lines of text saying what the blog is about. I only want public posts to show in the blog.

Thank you.

Mary Lou

#2

Hi MaryLou,

Thanks for writing in!

To create a custom blog index, please check out this code: https://codex.wordpress.org/Creating_a_Static_Front_Page#Creating_a_Static_Front_Page

And if you want to insert custom text in your blog index, you can check out this thread: https://theme.co/apex/forum/t/text-needed-above-blog/35430/4

And to have a 3/4 columns in your blog index, please go to X > Theme Options > Blog. Select “Masonry” as your style and set the columns to 3. It only allows you to have 2 or 3 columns.

Hope this helps.

#3

Hi RueNel,

Thanks for your reply.

I was able to successfully add 3 columns to my blog.

When I go to the blog page, it still shows only the title, date, author, and tags of the post, but does’t show the actual text of the post. All demo posts have been marked private and are still showing on the blog.

How do I get my public blog post to show on the blog? And, how do I remove the private posts from the blog? I’ve included a screenshot for your review.

Could you also tell me how to remove author from the blog post?

[

Thank you,

Mary Lou

#4

Hey Mary Lou,

The post content or excerpt does not display because you’re using the Image Post Format. For more details about the Post Formats in X, please see Format Specific Post Meta Options at https://theme.co/apex/forum/t/meta-options-posts/143. Please use the Standard Format.

Regarding your Private Posts, they are visible only to admins and the author of the posts. It looks like you’re logged in. Please log out of WordPress. For more details about Private Posts, please see https://codex.wordpress.org/Content_Visibility

Removing private posts from the archive is technically possible but it would require custom work to achieve that which is outside the scope of our support.

To hide the Author from the Post Meta, please add this CSS in Theme Options > CSS.

.p-meta>span:first-child {
    display: none;
}

Hope that helps.

#5

Hi Christian,

This was very helpful; thank you.

In your screenshot above, I would like to replace the pink title text with a thumbnail of the picture that is in the post and remove the tags from this view. I want to keep the tags in the actual post. And, I would like to change the tags to lower case.

How do I remove the container on the post page? I was able to remove it on my other pages.

Thank you for all your help.

Mary Lou

#6

Hey Mary Lou,

Thanks again for asking!

to add the thumbnail for the post you need to add the feature image.
Please edit the post and add feature image so that it will display before the title.

If you want to remove the title, please add this CSS to your Theme Option -> CSS

body.blog .entry-title {
display: none;
}

To remove tags please add this CSS

body.blog .entry-footer {
display: none;
}

To remove the container please use this CSS.

body.blog .entry-wrap {
border: 0px !important;
box-shadow: none;
}

Hope this is something you are looking for.

Thanks

#7

Hi Basanta,

This info was very helpful. I added the CSS to remove the container, but it’s still there. The featured image has a permalink. I have searched this forum for the answer to no avail. Can you please tell me how to remove the permalink from the featured image?

I’ve also allowed comments, at least it appears that I have in the settings>discussion area. Still, there is no where to add comments on the post.

Thank you,

Mary Lou

#8

Hey Mary Lou,

Removing the permalink from the featured image in the archive (including the blog) pages would require custom development which is outside the scope of our support. It’s also not recommend because archive pages should link to individual posts. The is the purpose of the archive.

Regarding the comment form, please check Allow comments under the Discussion Meta Box of your post. See https://youtu.be/yMso0wo09pM

Thanks.

#9

Christian,

Thanks for all of your help.

Since it is advised to keep the permalink, can it be hidden? I’ve seen many blogs with pictures that do not have the permalink as mine does.

The first pic below shows the permalink when I scroll over the picture.

The second pic is what I get when I click on the first (permalink) pic; which has the container that I would like to remove.

Thanks,

Mary Lou

#10

Hello Mary Lou,

To resolve your remaining issue, removing the container when you hover over the image, simply add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

a.entry-thumb:hover img {
    opacity: 1;
}

We would loved to know if this has work for you. Thank you.

#11

Hi RueNel,

Thanks for your reply. The code did not do what I intended. I am not sure where to go from here. It seems that you and the other staff members has helped all you can.

Thank you,

Mary Lou

#12

Hello Mary Lou,

The code I gave is to only removed the black container over the image. The link icon will still display:

If you want to remove the icons as well, simply update the code and use this:

a.entry-thumb:hover img {
    opacity: 1;
}

a.entry-thumb:before {
    display: none;
}

Please let us know if this works out for you.

#13

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