Blog Posts

Shapely
1

I have a static first page.

So my blog posts are relegated to my blog “page”.

I’d like my blog posts page to look a certain way, specifically:

a) I’d like to remove the author from the blog posts page listings (I’ve already found CSS coding from this forum on how to remove the author from the individual posts, but now I’d like to remove the author from the blog posts page listings)

b) For each blog post listing, I’d like to have the title of the post on top, a post thumbnail on the left and a summary of the post on the right with a “Read More…” linking to the rest of the post.

c) I’d like to be able to have five or most posts listed on the blog page.

d) I’d like to have a border around each post summary section.

How can I achieve this?

Thanks in advance.

2

I also need to know how to change the Submit Comment button color. Please see attached image.

3

Hi @sandrajp,

I hope you are well today and thank you for your questions.

a) I’d like to remove the author from the blog posts page listings (I’ve already found CSS coding from this forum on how to remove the author from the individual posts, but now I’d like to remove the author from the blog posts page listings)

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

body.blog .post-meta li:first-child {
    display: none;
}
b) For each blog post listing, I’d like to have the title of the post on top, a post thumbnail on the left and a summary of the post on the right with a “Read More…” linking to the rest of the post.

You will have to develop custom code to achieve this.

Developing custom code for custom functionality is beyond the scope of support that we provide here.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5 http://freewptp.com/contact

c) I’d like to be able to have five or most posts listed on the blog page.

You can configure it in the Reading settings of your site as shown in the attached screenshot.

d) I’d like to have a border around each post summary section.

Use the below CSS code to achieve this.

body.blog article .entry-content {
    border: 1px solid #000;
    padding: 5px;
}
I also need to know how to change the Submit Comment button color. Please see attached image.

You can change it by using the below CSS code.

.comments input#submit {
    background: #745cf9;
    border-color: #745cf9;
    color: #fff;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

4

Thank you so much for your help! This was awesome!

5

You are most welcome here :slight_smile: