• Resolved steve92

    (@steve92)


    As from screen there are 2 previews, I want 4, what is the css?
    Then, I have to hide Categoria:Home (only this one) but I can’t find the css.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You would just need more posts in that category to show more. The number of posts displayed on that page are determined by the value set in Settings->Reading->Blog pages show at most setting.

    However, this setting would control it across the entire theme. If you’d want to control it just on the category archives you’d need to create a child theme and then modify the code from there.

    In regards to hiding the category title section, you can add this into Appearance->Customize->Additional CSS

    .category .site-main .archive-title {
    	display: none;
    }
    Thread Starter steve92

    (@steve92)

    I have a css child but I can’t find the css to make the post preview boxes smaller. I’ve a lot posts in the home.

    • This reply was modified 6 years, 11 months ago by steve92.

    Ok, are you just wanting to shrink down the size of the featured image under each preview box to make it shorter? Or do you mean you want it to show 4 across the top instead of the 2?

    Thread Starter steve92

    (@steve92)

    I want to reduce the whole box (preview + text) so that there are 4 of them in a horizontal column on a 13 ‘monitor.
    Like this in my old theme.

    Try this CSS

    @media only screen and (min-width: 40em) {
        .blog-grid-layout .content-archive .post-wrapper {
        	grid-template-columns: 2fr 2fr 2fr 2fr;
        }
    }

    Not sure how it’ll look on a 13″ monitor as it would depend on the resolution you have it set to.

    Thread Starter steve92

    (@steve92)

    Goes better. You could remove a little space between the boxes, this makes the boxes enlarge.
    Or you can shrink the widget column. I have tried to put but bust in the responsive.

    .widget {
       width: 280px;
    }
    Theme Author ThemeZee

    (@themezee)

    Hi there,

    Thanks for using Donovan.

    In addition to the CSS code to change the number of columns you can shrink down the spacing of each column with this CSS snippet:

    .blog-grid-layout .content-archive .post-wrapper .type-post {
        padding: 0.5rem;
    }

    Hope that helps.

    Cheers,
    Thomas

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Smaller preview box’ is closed to new replies.