FKB Pro - Social theme

[Lilly]

using english translation, i think those are the category breadcrumb dropdown and category nav filter.

try this in common css of a component.

.category-breadcrumb {
    display: none;
}    

#navigation-bar {
   li.nav-item_categories {
     display: none;
   }
}

[EchoBilisim]

It’s ok, now it’s as I wanted, thank you very much, I’m glad you’re here

[EchoBilisim]

I want to hide the categories from the side navigation menu, how can I hide it?

I have hidden all of them from the administration panel, but still the categories are visible. I want to hide the categories from the side navigation menu. I would appreciate your help, thanks in advance.

[Airw0lf (Will)]

See also attached image:
This is the result from the up-scaling as seen on the dashboard.
The original one looks like this.

Is there a way to prevent this ugly up-scaling?

Thanks

=====

[Canapin (Coin-coin le Canapin)]

Welcome, Will!

The issue lays here:

<div class="topic-image" style="background: url(https://forum.cyberbrein.nl/uploads/default/original/1X/aef8c5e27bb1320fd8da2319220c5193e56e2323.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;"></div>

Remove background-size: cover;, or add:

.topic-image {
    background-size: auto !important;
}

in your theme or a new component if you can’t edit the component that creates these thumbnails.

---

edit: it seems your use this theme: FKB Pro - Social theme
I’ll move your topic in the dedicated topic.

[Airw0lf (Will)]

Thank you for the welcome and suggestion @Canapin.
And yes - this is the right theme.

As I’m a real newbie here:
I have no idea where to make this change.
Could you point me in the right direction?

Thank you - Will

[Canapin (Coin-coin le Canapin)]

Unless the author (Hi Don!) thinks it’s a welcome addition to change this, here’s what you can do:

1. In your admin panel, go to Customize → Themes → Components.
   Click the Install button at the bottom of the list.

2. Click + Create new, choose a name (like “Custom CSS”, “Theme tweaks”, anything that you’d like and is descriptive enough), and click Create.
   

   

3. Include the theme component in the FKB Pro theme:
   

4. Click Edit CSS/HTML, go to the CSS tab. Write:

   .topic-image {
       background-size: auto !important;
   }
   

   Click Save.

That should fix your issue.

[Airw0lf (Will)]

Thank you - working as expected.

This is based on an override.
How about removing this background-size?
How would I do that?

I tried setting it to none.
But that just brings back the thing I was trying to remove.
If setting it to auto still increases the image - just in a different way.

[Canapin (Coin-coin le Canapin)]

The auto value is the default value, which is equivalent to having no specific background-size rule.

[Airw0lf (Will)]

Ah - ok - thank you for this jumpstart in customizing themes.

[Don]

Hello

Thanks for bringing this up! I’ve made an update on topic image (thumbnail) section.

DEV: Makes the topic-image section more customizable

With this update I replace background with <img> and optionally a backdrop image can be added to this. The backdrop can handle the small image (which not cover this section) empty area. It works like a hacky dominant color background with the default settings.

I have added some new settings. With this setting you can choose the:

1. Topic image section height (default: 300px)

2. Image fit

• cover (default)
• contain
• scale-down
• none

3. Backdrop image (default: disable)

4. Backdrop image blur

5. Backdrop image brightness

---

This is how it looks:

Default (image fit cover, no backdrop)

Image fit contain

Image fit contain with backdrop

Difference between image fit (cover, contain, scale-down and none)

small image

larger image

---

Difference between blur and brightness values
blur
50px, 25px, 10px

brightness
0.65, 0.55, 0.45

---

Edit: Forget to add the image fit none option.

FIX: Add image fit none option

[vifyirusti]

Hello, I would like to point out some errors.

The following sensitivity issue appears on the users, groups and topics page (with a few posts).

desktop view only

Users

Groups

It works perfectly on other pages as in the image below.

As I understand it, the cause of the problem is the category, title, content, etc. It happens on pages with little content.

[Don]

Thanks for the report @vifyirusti I’ve fixed it, please update the theme

[vifyirusti]

We thank you. You are so fast.

I want to report one more bug.

The “Category” name of the posts under Latest, New and Top is not in the right place. (with Topic Ratings Plugin)

Kind regards @Don

[Don]

Yeah I see, unfortunately I can’t test it now with the Topic Ratings Plugin but I think I know what is happening here.

The Topic Ratings Plugin use this code for the link-top-line element.

paviliondev/discourse-ratings/blob/14cec366c19f4e67e5266ce42c9b49e72800e9b5/assets/stylesheets/desktop/ratings.scss#L1C1-L3

It is shrinking the link-top-line in FKB Pro theme and this is why the category badge placed above the user datas because that is the width of the element byline which contains the category badge and user datas so this is depends on how width is this element.

[Don]

Thank you, I’ve merged a fix. Please update the theme.

[vifyirusti]

joke? You are really fast. Thank you very much.

[carltheobesecat]

Hey just letting you know this is broken. Its at the bottom of any message.

[Don]

Hey @carltheobesecat, thanks for the report I’ve fixed it.

[Drew-ART (Drew)]

Lovely theme. Seems to have issues with the Kanban plugin forcing the right box out of the page borders