Content Filter Styling

Resolved Skahle
(@skahle)

6 years, 6 months ago

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
(@imtiazrayhan)

6 years, 6 months ago
Hi @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
(@skahle)

6 years, 6 months ago
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.
Plugin Author Imtiaz Rayhan
(@imtiazrayhan)

6 years, 6 months ago

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.

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
(@skahle)

6 years, 6 months ago
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.
- This reply was modified 6 years, 6 months ago by Skahle.
- This reply was modified 6 years, 6 months ago by Jan Dembowski.
Plugin Author Imtiaz Rayhan
(@imtiazrayhan)

6 years, 5 months ago

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
(@skahle)

6 years, 5 months ago
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/

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/ 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, 5 months ago by Skahle.

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

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