Blog Structure and Category Filter

Hi Themeco Community!

I have a couple questions regarding blogs. How do I change the url structure for the blog and is it possible to have a filter category on top of the view all blogs page like this: https://www.packard.org/insights/

They have a couple categories a user can select from and it autimally is defaulted to view all.

Hi Carolina,

Thanks for reaching out.

  1. About the permalink, please check this https://www.quemalabs.com/blog/how-to-add-blog-in-front-of-your-url/. It should allow you to add prefix slug for the blog.

  2. As for the filter, please go to Theme Options > Ethos > BLOG OPTIONS and toggle on the FILTERABLE INDEX option. Then input the category IDs for the filters.

Please check this https://theme.co/apex/forum/t/customizer-ethos-options/131 under Filterable Index section.

Cheers!

Oh awesome that helped a lot and i just fixed the problem. However there are still 2 issues with the filter option.

  1. when the user gets to the news section the filter does not pick up the all filter as a default

  2. with the new filter they have this big button that appears on the bottom and i would like to get rid of it how can i achieve these 2 things

Hi Carolina,

  1. In that case, please add this code to Theme Options > JS, it should select the first filter for every page load.
jQuery( document ).ready( function($) {

$('.x-index-filters-menu li:first-child a').click();

} );
  1. Please add this CSS to Theme Options > CSS
.x-btn-filterable.x-btn {
display: none;
}

Thanks!

so i added both codes in the global JS and global CSS…but how do i get rid of these red buttons.

Hello Carolina,

To get rid of the red buttons, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

a.x-btn-filterable.x-btn {
    display: none !important;
}

If you need anything else we can help you with, please let us know.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.