Edit a category page view

  • pbuva

    (@pbuva)


    7 years ago

    HI, i want edit the category page view from 1+2 to 2+2 posts.
    But i cant find the right file for this, can you advise me?

    Thank you

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Nitu – ThemeGrill Support

    (@nitushrestha10)

    7 years ago

    @pbuva

    For that, if you can code on your own then, you can achieve that via the child theme. And if you edit the theme file then, it will get wiped out on theme update. So, prefer using the child theme for the customization work. And maybe you can follow this link: https://docs.themegrill.com/knowledgebase/creating-your-own-custom-css-via-inspect-element/ for applying custom CSS code for it as needed for your site?

    Thanks.

    Thread Starter pbuva

    (@pbuva)

    7 years ago

    Thank you, do you know whitch file is that? 🙂

    Nitu – ThemeGrill Support

    (@nitushrestha10)

    7 years ago

    @pbuva

    You just need to find the correct class or id for designing it within your site and after the look is fine, you can copy that code to Appearance->Customize->Additional CSS section. And for the file, you might not need to find those at all since it might not need for the PHP code to be amended. Hope you have got it.

    Thanks.

    Thread Starter pbuva

    (@pbuva)

    7 years ago

    Yesm you have right, but….

    .archive #content .post:nth-child(2n+1) {
	float: right;
	width: 48.7013%;
}

.archive #content .post:nth-child(2n) {
	float: left;
	width: 48.7013%;
	clear: both;
}

.archive #content .post:first-child {
	float: none;
	width: 100%;
}

    In this, i can only change float, because, there are 3 types of content, i need to change in code this to 2 types, because, with tjis:

    .archive #content .post:first-child {
	float: left;
	width: 100%;
}

    i got first line with one post and free space

    • This reply was modified 7 years ago by pbuva.
    • This reply was modified 7 years ago by pbuva.
    Thread Starter pbuva

    (@pbuva)

    7 years ago

    Any help? I cant solve this only with css 🙁

    Nitu – ThemeGrill Support

    (@nitushrestha10)

    7 years ago

    @pbuva

    Can you add the below CSS code to Additional CSS box and check?

    .archive #content .post:nth-child(2n) {
    float: right;
    clear: none;
}
.archive #content .post:nth-child(2n+1) {
    float: left;
    clear: both;
}
.archive #content .post:first-child {
    float: left;
    width: 48.7013%;
}
@media (max-width: 600px) {
    .archive #content .post:first-child {
        width: 100%;
    }
}

    Thanks.

    Thread Starter pbuva

    (@pbuva)

    7 years ago

    You are a genius 🙂

    Thank you

    Nitu – ThemeGrill Support

    (@nitushrestha10)

    7 years ago

    @pbuva

    Do let us know if you have any further query regarding to our theme. If you like the theme and want to help us then you can leave a review.

    Thanks.

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

The topic ‘Edit a category page view’ is closed to new replies.