FKB Pro - Social theme

Hi, @Don

Report:

Discourse Insert Video
(theme-component)

Even if an image is added to the Poster image (optional) setting in ‘Discourse Insert Video’, it is not displayed in the feed on the site’s main page. As usual, only the first image of the video is displayed.

Is there any option to show “The right sidebar” for both visitors and members? Thank you!

Hello @the220hq The right sidebar contains information for members so for visitors appear a different customizable version. You can see it here.

How about adding a footer tab similar to Instagram’s? Could you please consider integrating such a footer tab into this theme?

Maybe with this:

Or…

@Don I don’t find the moving Topics from one category to other from UI though we have option in default theme

Hello Yeah the bulk select not yet available in this theme.

@Don
Hi,

When the text of a title is short, the middle layout of the three columns is not centered in the wide width, but is shifted to the right.

Can the layout be fixed to a 3-column layout with good balance, even in the case of short titles, as in the case of long titles?

Hey @LoveMCJ Thanks I will check this.

Hello it looks like this is not the latest version please update the theme. If the issue still exist it is maybe the same kind of like FKB Pro - Social theme - #221 by LoveMCJ.

Found a small conflict with another plugin.

The Collapsible Category Groups gets too squeezed on smallish screens )anything under 13.5’) by the right side module. Making that side module collapsible or forcing a minimum width on the categories in that plugin would solve it if you wanted to do so.

Since this update you can hide the right sidebar.

How do I check the version of the theme I’m using?

How do I update of the theme?

@Don
Hi,

After the Discourse update, the “Category badge” has been moved to the left.

Also, is there any update on this issue?

This issue can be found on wide monitors and laptops…

If this issue can be temporarily resolved by applying CSS, I would appreciate it if you could provide the optimized CSS code.

Hello @LoveMCJ I’ve merged an update which should fix these issues. Thanks

@Don

Hi,

The original fkb panel looks balanced with it, but enabling the “Enabling this will add Right Sidebar Blocks theme component” does not look as balanced as the original fkb panel. Can you adjust the 3 columns to look balanced like the original fkb panel when using the “Right Sidebar Blocks theme component”? Thank you very much for your support.

Thanks, I’ve merged a fix for Right Sidebar Blocks layout.

@Don
Your work is so fasttrack! I’m impressed.

Have a nice day~

I’ve checked my update latest, but the category is still at left side.

@Don
Hi,
I’ve applied the ‘Custom embedded replies (theme-component)’ to the ‘FKB Pro - Social themed’. It’s not bad on the desktop, but on mobile, the right comment column layout is quite narrow, and the ‘Jump to post’ icon is also attached to the bottom. As a result, the space on the left appears quite wide. Do you have any plans to arrange the thread and user icon on the left column part as far to the left as possible, and adjust the layout to balance it so that the comments can be seen a bit wider?

@Don I’ve stumbled into another minor conflict between FKB Pro and Discourse Custom Wizard

Thanks @Drew-ART, I removed the outline overrides. After update theme it should work.

If i wanted to add custom CSS to the theme, would i be right in thinking that the ‘settings editor’ is replacing the edit html/css button?

So where @Don’s CSS finishes:

{
	"setting": "dark_btn_hover",
	"value": "rgba(var(--primary-rgb),.1)"
}
]

I’d just carry on below like with something like this

data-category-id='offers' [
  .discourse-kanban-list {
	 width: 50%;
     }
]

(one category only has two columns in its Kanban board and i want those to be wider, 50% of the space each)

Is it possible to use the Right Sidebar component with the “stock” FKB panel? so that the top section is FKB panel but below it is the rest of the Right Sidebar component?

Also, there is an issue when the sidebar is closed there is a gap to the right

Obviously this gap is needed when the sidebar is visible but not when it’s hidden.

Presumably the fix is this

.fkb-panel-hidden .list-container .full-width { 
	gap: 0;
}

On the create account modal, I’m seeing the third-party login buttons improperly aligned. Only happening on mobile (and scaling text size to 75% snaps them back into alignment). I’m wondering if this is a FKB PRO error or not?

They look correct on my sign in modal, only the account creation one is messed up. Otherwise this theme has been BEAUTIFUL, thank you!

Hello @Drew-ART, Sorry for the delay.

With settings editor you can do the same when you change a theme setting. So in this case you can change the colors. These settings are restricted. If you want to make bigger changes on buttons etc. You have to create a new component -and activate it to the theme- where you can place your code.

I am not too familiar with kanban CSS but I think the data-category-id is should be a number.

Looks something like this.

[data-category-id="your-category-id"] {
  .discourse-kanban-list {
    width: 50%;
  }
}

And you have to place this in a new component. Something like I show here: FKB Pro - Social theme - #88 by Don

Hello @Fma965, Yes, technically it’s possible. Now it works like when you use the right sidebar component then the default section is hidden but it possible to use the both together with some CSS I think.

Hello @thisisjoshjones, Thanks Yeah I think, I have to update the theme CSS to suits the new core modal changes. I’ll fix this.

I did try experimenting with CSS but this didn’t seem possible, the div was empty from my testing.

@Fma965, I’ve added a new setting to show Right Sidebar Blocks below the FKB Panel.

I’ve also updated the modal classes to suits to the new core changes.

@thisisjoshjones I think this issue will be fixes if you update your Discourse to the latest version. Since your Discourse last update was a month ago (Nov 18) and this modal issue was fixed since then (Nov 20).

Nice work, thanks

Something else i noticed is “After Header” html does not work

Dev Tools

The HTML is never added, it does show in the profiler but not the actual webpage source

Moving it to Header instead of After Header and it shows up, is this an issue with the theme or something else?

I’ve checked this now and works for me in After Header.

Hmm, something else must be interfering with it on my instance then, not a big deal. thanks

EDIT: when the discourse-right-side-blocks theme component is enabled it doesn’t work.

Yeah, I see. I can repro it with Default theme too. It’s probably an issue with Right Sidebar Blocks theme component.

You were right thank you!

Hello,

I have an issue: on the last version of Discourse 3.2.0.beta4-dev there is no link to edit the CSS/HTML in the theme panel…

Just wonder to know if this issue is only with my version of Discourse or if somebody that made a fresh install or update to this last Discourse version has the same problem?..

Hello @pzguillaume,

You can’t edit remote themes. This was introduced a while back.

To complete Ondrej’s answer, you can create a new theme component, attach it to your theme, and apply all your customizations here.

@ondrej : thank you. I’m new on Discourse and I didn’t know…

@Arkshine : thank you too! You help me very much!

You’re welcome. If you’re new to Discourse of course you wouldn’t know. No need to apologise we were all new to it once.

Hi @Don I’ve tried out the theme and noticed that the bulk select doesn’t work and the topic-list-header has been removed. Was this intentional? And is there any resolution for this?

Hello @digitaldominica

Yeah, that was because the layout and the template changed and the bulk select etc need to removed. But I am working on implement the bulk select to this theme.

Greetings. The theme is simply great, the only thing that bothers me is that if I update the material or someone leaves a comment, the theme rises to the very top. How can I output all output material strictly sorted by date added and so that nothing affects it? I will be very glad to see your answers, in two days I have not been able to move forward in this direction…

Hello @Harrison_Jhonson

I am not sure what you mean exactly but if your question is about the bumping than you can have a few options to handle it.

When you edit the latest post or add a new post in a topic then the topic will ordering to the top of the topic list. You can reply without bump or after the post is published and the topic bumped you can reset the bump date.

Here is a topic about it:

And there is a plugin too to disable bump.

That’s right, I’ve seen it… So there’s no way to turn off the topic bump altogether? I’m just trying to do something like a social site and the bumps aren’t needed at all)
sorry for my english, this is a translator…

The /latest view will always show you topics with the newest change of the last post. It is designed to keep track of everything new.

You could use ?order=created to create a topic list, where topic appear in the order they were created. Here is an example for this forum:
https://meta.discourse.org/?order=created

You can also add that link to the top menu with the help of Custom Top Navigation Links
And Custom Homepage for Groups should work to set this as the homepage for everyone.

I’ll try this when I get to the computer, thanks a lot )

By desing Discourse is not a social media, even there is some aspects and mostly by tuning up with some plugins and components.

What if would take totally different direction? If you are looking for strongly social media then you could install a mastodon instance. And still you have option to use Discourse side by side with mastodon for more forumtype use.

I’ve been doing a https://dtf.ru type site for a year but have run into the fact that I need to structure my posts. Almost 3 years ago I installed Discourse, but back then it looked like a regular forum and as far as I remember I didn’t see your theme. But here after a long time I happened to see your theme and it is just delightful.

People and I can write posts, guides, etc and yet you can structure everything perfectly and I liked the core of Discourse itself back then (but not the visual).

Now it’s a great tool that both looks and works great. It is better to use crutches in implementation, but with a powerful tool and a huge user base, than to use something less popular in my country in terms of visuals and practical application.