Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

In regards to the COVID-19 situation

Your support team is currently doing their best to offer the best support possible despite the current COVID-19 situation. However during these exceptional circumstances, please note that you should expect a response time of 2-3 business days, until further notice.Rest assured that we will still do our best to handle your requests as soon as possible! Everyone stay safe and healthy! 😷

Blog page : Display category filter, advanced customization

Find Answers and Get Support Forums Cera – Intranet & Community Theme Website Setup Posts Blog page : Display category filter, advanced customization

This topic is resolved
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
    • 19 Topics
    • 55 Posts

    Hello again!

    I am using the dynamic category filter on my blog page. My categories have quite long names but the number is limited to 6, it might go up to 8 in the future but no more.
    At the moment, only the first half is displayed, and the rest is hidden in the “ellipsis” button (three dots), and shows in a pop-up.
    Is there a simple way to display all of the categories at all times, instead of hiding them under the ellipsis button? It’s not an issue for me if it’s displayed on 2 lines.

    On a related note, you will see I added some text right before the filter to indicate what the filter does. I’ve added this text through a pseudo-element which is definitely not best practice. Is there a way to add this maybe via a php snippet or a hidden option somewhere? I hope it’s ok to add this in the same question. For me both of these topics fall under customization of the filter.

    Thanks a lot!

    Olivier
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1893 Posts

    Hi @pilgrimteam,

    Yes, this is very similar to customization. However, we do believe that it is a limitation stemming from our code base and we will address it as much as we can to help you solve this.

    To display string before the post filters and make it future-proof, simply add the following code snippet to your website:

    /**
     * Add a string befor the post filters.
     */
    function cera_custom_before_posts() {
    	echo '<p>Some string to display before</p>';
    }
    add_action( 'cera_before_posts', 'cera_custom_before_posts', 5, 1 );

    To add this code snippet to your site, we recommend that you use a the Code Snippets plugin (https://wordpress.org/plugins/code-snippets/). If you have never activated this plugin, please read the following post:

    Adding Custom PHP Without Changing Your Child Theme

    Please also note that we don’t provide any theme customization. So, you shouldn’t expect other snippets from us unless it’s to fix an issue or to address a limitation stemming from our own codebase. We always try our best to help theme users whenever we can and only provide code snippets out of courtesy to prevent them from waiting for the next update.

    Olivier
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1893 Posts

    @pilgrimteam To remove the ellipsis button, simply add the following code snippet to your website the same way as mentioned above:

    /**
     * Remove the "..." Button From the Post Filters
     */
    add_filter( 'cera_grimlock_priority_nav_enqueued', '__return_false', 1000, 1);

    And also the following CSS bit.

    /**
      * Remove the "..." Button From Post Filters.
      */
    .posts-filters__child:not([instance]) {
       opacity: 1 !important;
       pointer-events: auto !important;
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.

    Pasting your code snippet there should do the trick for you.

    • 19 Topics
    • 55 Posts

    The first snippet broke my website ?
    I’ve added a string in French, changing the apostrophe by the html entity &apos; , could that be what caused the issue?
    Anyway I’ve now deleted the plugin and I’ll have to be careful, following the instructions of the Code Snippet plugin to put it in safe mode before going further with this…

    I appreciate your help, though I still have to tweak some stuff before I can see if it works! ?

    Olivier
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1893 Posts

    @pilgrimteam Oh, that’s not good. Could you post the french string in your next reply please? Is it Filtrez à l'aide des catégories suivantes:?

    • 19 Topics
    • 55 Posts

    Exactly!
    Except I replaced the apostrophe as follows:

    Filtrez à l&apos;aide des catégories suivantes:

    Might be the accent that broke it?
    Anyways, not to worry, there’s probably enough here for me to find a solution and update this topic… I wouldn’t want to make you work extra ?

    Have a great weekend!

    Olivier
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1893 Posts

    @pilgrimteam I really have no idea why this broke your website. I’ve coded this on my demo and it worked like a charm:

    /**
     * Add a string befor the post filters.
     */
    function cera_custom_before_posts() {
    	echo '<p>Filtrez à l&apos;aide des catégories suivantes:</p>';
    }
    add_action( 'cera_before_posts', 'cera_custom_before_posts', 5, 1 );
    • 19 Topics
    • 55 Posts

    Hello again,

    sorry for the delay, I had to wait to have complete FTP access before digging further in snippets 🙂
    I’ve tried the snippet again, the one to add a string before the filter, and it works like a charm. no idea why it broke earlier…

    So thank you so much for your help.

    The other bit however, removing the ellipsis, doesn’t work (i’ve added the php snippet and the css). I’m sharing the result just in case, however I think you’ve done more than enough for me already ? so I’m not expecting any more custom snippets or extra work on your part! I’ll just do without it!

    Thanks for the excellent support!

    Olivier
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 1893 Posts

    @pilgrimteam I’m sorry about that. We’ll be back to you to fix this, this way we can close this issue.

    If you are happy with your theme so far, feel free to review our theme on ThemeForest. Each review is greatly appreciated as it helps us grow on the platform and allows us to improve the quality of our products, bring new features and make even more awesome themes! To do so, it is very simple: go to your ThemeForest downloads page (https://themeforest.net/downloads), find your theme and click on the stars.

    Thank you! ?

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 607 Posts

    Hi @pilgrimteam,

    Here is an updated CSS snippet to solve the filters display (without the ‘…’ more dropdown).
    Simply add the following code snippet to your website:

    /**
      * Remove the "..." Button From Post Filters.
      */
    .posts-filters__child:not([instance]) {
       opacity: 1 !important;
       pointer-events: auto !important;
       overflow: visible;
       max-height: none;
    }
    
    .posts-filters__child:not([instance]) .posts-filter {
       display: flex;
    }
    
    .posts-filters__child:not([instance]) .posts-filter li {
       display: inline-block;
       margin: 5px;
    }

    Hope this will solve your issue!

    Regards,

    • 19 Topics
    • 55 Posts

    Waow! That did it. Thanks for this amazing support. Looking really good now!
    I’ll be sure to give you 5 stars ?

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2223 Posts

    Hi @pilgrimteam,

    I’m glad to read that @themosaurusrex and @themopteryx have been able to help you!

    Thank you very much for your great rating! ☺️

    Cheers,

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Blog page : Display category filter, advanced customization’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️