Support » Theme: Modern » Show Categories above Posts / White Line Seperator

  • Resolved sharkster4000

    (@sharkster4000)


    Hi there,

    first off, this is a great theme. I worked with many paid themes and many of them are far from being as clean, straight-forward and well-organized as this one. Awesome!

    I’ve two (hopefully) simply questions:

    A) In the demo of the theme, you can see the categories of the projects above the portfolio items shown on the homepage. I don’t have any projects to show on the homepage, but posts. How can I display the post categories in the way the project categories above the posts?

    B) There are these big featured posts as a slider on the very top of the homepage and they’re “framed” by two horizontal lines above and below the shown featured post. But when you select “Below page content” for the normal posts, you lose the lower horizontal line, as it also moves “below the content”. It’s interesting that you think of the lower horizontal line as a part of the normal post, rather than a lower line framing the featured post. My question is: How can I select “below page content” for the standard posts on the homepage, but still keep the lower, white horizontal line under the featured posts? I hope you undertand what I’m talking about… lol

    C) Is pretty much the same question as question A, but not for the homepage, but the blog page: I want to show the categories above the posts and be able to sort the posts by categories via these buttons. I guess that once I got an answer to question A, I can probably figure out the answer to C) myself.

Viewing 5 replies - 1 through 5 (of 5 total)
  • you must use <?php wp_get_category(); ?>

    same as my website sandwichpanel. ساندویچ پانل پلی یورتان

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi @sharkster4000,

    Thank you, I’m glad you like the theme 🙂

    Terms links (A+C)

    Please note that this functionality was built specifically for portfolio section of the theme only. Please understand that coding it for blog would be out of scope of the free support service I provide.

    However, you can create a my-child-theme-folder/template-parts/component/list-terms-category.php file in your child theme and copy the modern/template-parts/component/list-terms-jetpack-portfolio-type.php file’s content there. Then you can tweak the code to your needs.

    To load and display the code on your website afterwards, please use this PHP code in your child theme’s functions.php:

    add_action( 'wmhook_modern_postslist_before', function() {
    	get_template_part( 'template-parts/component/list-terms', 'category' );
    }, 20 );

    Surely, please test and adapt the code to your needs.

    “Frame” (B)

    Please note that the bottom border (“lower horizontal line”) is not a framing of the featured posts slider. It was never intended to be. It is simply a start (framing) of a posts list section. You can see it on every archive page, such as blog page.

    It is never displayed on top (above) of the actual page/post content on singular pages. (Actually, there might be a top border displayed on singular pages too, if you use breadcrumbs navigation – it actually frames the breadcrumbs navigation in this case.)

    But if you really need to display such border above the post/page content, please use custom CSS:

    .site-content-inner {
    	padding-top: 50px;
    	border-top: 2px solid;
    }

    Again, test and adapt to your needs.

    Also, please note that I provide support via https://support.webmandesign.eu Please post your future questions there.

    Best regards,

    Oliver

    Thanks for that extensive reply. I knew that you didn’t intend the lower white line to be a real “frame” for the featured posts… but I think it just doesn’t “feel” right without it. So, yea… I’ve added your code and it looks great! 🙂 Thx again!

    Best regards,
    Martin

    …just one more question: I like the additional white line on every page, as it adds visual structure to the site IMO. Except for the general blog page, where there’s nothing in between the two white lines.

    Is there a way to remove the second white line on the blog page (or on auto-generated blog pages, e.g. that are sorted by category)?

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi Martin,

    First, please try using your web browser code inspector to determine the CSS for your theme modifications.

    I’m not sure I understand your question. There should be a border on top of every page now as far as I’m concerned: the theme applies top border on every non-singular page (such as archives, search results,…), and the code I’ve provided previously should apply the border on singular pages.

    If you experience some issue with that or require more help, please describe the issue in more details and provide screenshots (and URL to affected pages). Also, please use your web browser code inspector to determine the CSS code modification you need to use.

    Best regards,

    Oliver

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.