Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1459028
Category list view
Closed

Comments

  • bullero started the conversation

    Hi team,


    just setting up my own blog site. However, I struggle with the category page view. I have learned that there is no option or settings to change – but via custom CSS it should work? I want my blog posts on the category page (see screenshot) to look like they do on my start screen / landing page – with this boxed style for every post (white background for posts and slightly darker background for whole page) and no like buttons, author info or date in headline like shown on the second screenshot (start_screen.png).

    Just like they look on my first page, but only filtered by category.

    How can I change it?

    Thanks and best regards

    Olaf

  •  7,092
    Oliver replied

    Hi, in order to change this style you need to edit template:

    /wp-content/themes/thegem/content-blog-item.php

    before the editing copy this file to the child theme, let me know if you'll have difficults, I'll help you to remove it. 


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • bullero replied

    Hi Gregor,

    thanks for the quick response. I managed to deactivate all that stuff I dont want to see on the category page by changing the parameters in the .php file to "1"

        $params = isset($params) ? $params : array(
            'hide_author' => 1,
            'hide_comments' => 1,
            'hide_date' => 1,
            'hide_likes' => 1,

    But since I am not that familiar with php language, I have trouble to create that "boxed" style for the post with white background and text and CTA slightly moved to the right?

    Here is the current status:

    http://www.top-templates.de/category/print/

    Can you help me with that or make the changes in the php attached?

    Thank you very much and best regards

    Olaf

  •  7,092
    Oliver replied

    HI!

    pls. use following css:

    .category .block-content {
        background-color: #ccc;
    }
    .category .blog-style-default .item-post-container {
        background-color: #fff;
    }
    .category .blog-style-default .item-post-container > div > div {
        padding: 0 20px;
    }
    .category .blog-style-default .item-post-container .post-image {
        padding: 0;
    }
    .category .blog-style-default article {
        padding-bottom: 35px;
        background-color: #fff;
    }

     

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver