Title: Content Filter Styling
Last modified: December 6, 2019

---

# Content Filter Styling

 *  Resolved [Skahle](https://wordpress.org/support/users/skahle/)
 * (@skahle)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/)
 * Now that I got the Tabbed Content working, I have an interest in the Content 
   Filter.
 * How can I change the font of the Categories and Filters? The only option are 
   Bold and Italic. No font size or style.
 * Thanks

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

 *  Plugin Author [Imtiaz Rayhan](https://wordpress.org/support/users/imtiazrayhan/)
 * (@imtiazrayhan)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12214410)
 * Hi [@skahle](https://wordpress.org/support/users/skahle/),
 * As I mentioned in the FB group post, we don’t have built-in option for that but
   it can be done using CSS.
 * I am giving you the CSS that you can use.
 *     ```
       .ub-content-filter-category-name {
           font-size: 20px;
       }
   
       .ub-content-filter-tag {
           font-size: 14px;
       }
       ```
   
 * You can use any value you want for the font sizes.
 * If your theme have functionality to use custom CSS you can use that to add the
   CSS. Or you can also use Additional CSS option from Customizer ( Appearance >
   Customize > Additional CSS ).
 * Please let me know if you need further assistance.
 * Regards.
 *  Thread Starter [Skahle](https://wordpress.org/support/users/skahle/)
 * (@skahle)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12215190)
 * Yea, I tried putting that in the “Additional CSS Class(es)” box under “Advanced”.
   Nothing happens.
 * I don’t understand how to use that box.
 * I am not about to start puling apart style sheets and reprogramming things. I
   have spent years messing with an e-commerce site that needs a programmer to customize
   it. I am DONE with that crap.
 * The reason I am using WordPress is because it is so easy to work with. (or supposed
   to be)
 * I like the functionality of the Content Filter, but it looks terrible. I would
   like it to look more like the Tabbed Content that I am currently using. And with
   a 3 column table rather than one long column.
 * Thanks.
    -  This reply was modified 6 years, 6 months ago by [Skahle](https://wordpress.org/support/users/skahle/).
 *  Plugin Author [Imtiaz Rayhan](https://wordpress.org/support/users/imtiazrayhan/)
 * (@imtiazrayhan)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12215922)
 * We do not suggest tinkering with files either as you will lose your customizations
   when you update the plugin to latest version.
 * What I was suggesting was to add the code in the Additional CSS section of Customizer.
   That’s easier and preserves the changes when you update the plugin.
 * I have made a small video showing you how to add the CSS.
 * Please [check out the video](https://vimeo.com/378044270).
 * And, I am also adding it to our to-do list to add built-in options to change 
   the font sizes so that it’s easier for you in the future.
 * Sorry we couldn’t make it look better. We will work on it.
 * Hope this helps.
 * Regards.
 *  Thread Starter [Skahle](https://wordpress.org/support/users/skahle/)
 * (@skahle)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12215963)
 * OK, I think I got it now. Thanks for the response. I tried this before but it
   didn’t work. I see now that I have to Publish it live for the changes to take
   affect.
 * Sorry if I sounded gruff about looking terrible. It looks fine for a typical 
   blog post showing mostly textual informational content, like in your demo. I 
   am saying it didn’t look good on MY website. I want to use it for a page that
   sorts house plans for visitors to browse through.
 *  I would like it to display the results in a grid rather than a single column
   that a user must scroll through. It would be nice if it would resemble what I
   have done with the Tabbed Content block `columbia-home-solutions.com/modular-
   home-plans/`
 * Here is an example of someone else’s website that sorts house plans in a grid:`
   www.martellhomebuilders.com/modular-custom-home-plans/`
    -  This reply was modified 6 years, 6 months ago by [Skahle](https://wordpress.org/support/users/skahle/).
    -  This reply was modified 6 years, 6 months ago by [Skahle](https://wordpress.org/support/users/skahle/).
    -  This reply was modified 6 years, 6 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
 *  Plugin Author [Imtiaz Rayhan](https://wordpress.org/support/users/imtiazrayhan/)
 * (@imtiazrayhan)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12221184)
 * Thanks for your response.
 * You can try using the default Column block inside the Content Filter block.
 * Although it might not give you the exact look as the other website, it’s one 
   option.
 *  Thread Starter [Skahle](https://wordpress.org/support/users/skahle/)
 * (@skahle)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12221686)
 * No, that’s not what I am talking about. Columns within each content is not the
   issue. I am talking about the **content** containers being arranged as a grid.
   In other words, the output of the filter being displayed in a grid rather than
   one column.
 * However, I can see how that would not work well in many other situations. My 
   tabbed content is merely thumbnail images that link to PDFs. Did you look at 
   the links I showed you? You will get an idea of what I am talking about.
 * Here is a link to my tabbed content: [https://columbia-home-solutions.com/modular-home-plans/](https://columbia-home-solutions.com/modular-home-plans/)
 * Here is a link to a competitors website that does similar to what I am talking
   about: [http://www.martellhomebuilders.com/modular-custom-home-plans/](http://www.martellhomebuilders.com/modular-custom-home-plans/)
   If you scroll down a little, you will see a grid of pictures of houses that link
   to another page with more info. At the top, you will see a row of selections:“
   Bi Level Home” “Cape Cod Homes” “Chalet Style Homes” Etc. Click on them and the
   grid selection sorts.
    -  This reply was modified 6 years, 6 months ago by [Skahle](https://wordpress.org/support/users/skahle/).

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

The topic ‘Content Filter Styling’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-blocks/assets/icon-256x256.png?rev=2966061)
 * [Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor](https://wordpress.org/plugins/ultimate-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-blocks/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Skahle](https://wordpress.org/support/users/skahle/)
 * Last activity: [6 years, 6 months ago](https://wordpress.org/support/topic/content-filter-styling/#post-12221686)
 * Status: resolved