Category formatting for home page

Activello
1

Hi guys!

Is there a way to adjust the padding/margin of the category of each post (on home/category/archives/tag/search pages) so that it appears the way my sidebar titles do. Basically I want the line separator to pass through the categories exactly in the middle.

My site: LipstickAlchemist.com

2

This is how I want it to look.

3

Okay, never mind, I figured it out… BUT! I have some issues:

  1. The category title of the first post is cropped. How do I make it appear full and in line the way the top of the sidebar does?

  2. The second post on all home pages is not getting formatted for some reason. All posts on home page are fine except the second one. Please help.

4

Hi @lipstickalchemist,

Thank you for your questions.

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

Admin Area -> Appearance -> Customize -> Additional CSS

#page .article-container {
    overflow: visible;
}

.blog.home .page-1 article.post:nth-child(2) .post-inner-content {
    padding: 0;
}

Best Regards,
Movin

5

OMG that’s so freaking amazing! Thanks a lot! :slight_smile:

There’s also a random extra line on top of single posts for some reason. How do I remove it? For example on this post.

6

You can remove it using below custom CSS code.


body.single-post #page .post-inner-content {
    border-top: 0;
}
7

That is so great, thank you! :slight_smile:

I noticed another issue. On Archives/tags/categories/search pages, my code doesn’t seem to work and only the first post has the overlapping category but even that is not correctly aligned. Please help!

This is all the CSS I’m using to achieve that overlapping category:

@media(min-width:767px) {
#page .post-inner-content {border-bottom:0;border-top:1px solid #e0e0e0;margin:0 0 25px}
}
#page .post-inner-content .cat-item {display:table;margin:-25px auto 0;background:#fff;padding:10px 25px}
#page .article-container{overflow:visible}
.blog.home .page-1 article.post:nth-child(2) .post-inner-content{padding:0}
body.single-post #page .post-inner-content{border-top:0}

8

You are always welcome here :slight_smile:

To help us keep support thread separates could you please create new thread for each of your other questions here https://colorlibsupport.com/c/activello/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

9

It’s the same topic actually, just that it doesn’t show up right on archives/tags/categories/search pages. Should I still create a new topic? I would like to achieve the same formatting on these pages as the home page.

10

Yes you should create new topic.

11

Hello again! Found that pesky random line on my media pages today! Could you please provide code to remove it?

Example: Alia Bhat IIFA

12

As requested above please create separate topic for it.