Follow up: Archive page

The way content is displayed on archive page is too big, I want it to be same size as home page, the previous code did not fix the issue https://theme.co/apex/forum/t/remove-keywords-and-featured-image-from-archive/26243/4

Home page https://blogbymichelle.com
Archive page https://blogbymichelle.com/category/side-hustle/ (The blog post headline and image size are the issues)

I am currently using the code below for removing keywords but it does nothing for how big the content shows up on archive page.

.archive.category .entry-footer {
display: none;
}
@media screen and (min-width: 768px) {
.archive.category .entry-wrap, .archive.category .entry-featured {
width: 48%;
display: inline-block;
vertical-align: top;
padding-top: 0;
}
}

Hi There,

Your custom CSS is for the blog page only, please update it to this:

.archive.category .entry-footer {
    display: none;
}
.blog .entry-title,
.archive .entry-title {
    font-size: 185%;
}
@media screen and (min-width: 768px) {
    .blog .has-post-thumbnail .entry-featured,
    .archive .has-post-thumbnail .entry-featured {
        float: left;
        width: 40%;
        box-shadow: none;
        border: none;
    }
    .blog .has-post-thumbnail .entry-wrap,
    .archive .has-post-thumbnail .entry-wrap {
        float: left;
        width: 60%;
        padding: 0 0 0 40px;
    }
}

Hope it helps :slight_smile:

It worked, thanks

You’re welcome.

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