FKB Pro - Social theme

[Don]

Hey @falcon9, Thanks for pointing out, I see now. I’ve removed the unnecessary background color from mobile header. Please update the theme.

[falcon9]

Awesome… thank you very much!

Is there anyway to add a “featured image” similar to Wordpress… or… is it possible to make the theme search the entire topic (beyond the first post) until it finds an image to use?

[Jagster (Jakke Lehtonen)]

Sure, with other component. For example, you can try this:

Topic List Previews Theme Component

This is now a Theme Component but has the option to add a complementary plugin. [GitHub-Mark-32px] Repository: get the code here: https://github.com/paviliondev/discourse-tc-topic-list-previews Install guide: Install a theme or theme component This can be complemented with the ‘sidecar plugin’: https://github.com/paviliondev/discourse-topic-previews-sidecar to add the following features: ‘actions’ (bookmarking, linking and liking from Topic List) Thumbnail Picker in the Topic Meta Editor. …

[falcon9]

The theme already does this by itself. I’m just looking for a way to control it more. I am looking for it to go beyond the first post to search for images / media or have a place to upload a “featured image” that it would default to.

[Jagster (Jakke Lehtonen)]

Really? Then I stand corrected. I thought it came from TLP because it is active at my forum.

Edit:

I’m totally hopeless I had to check do I use TLP or not with FKB Pro. And I’m not.

So, let’s forget I’m even visited here ever…

(And now I understand what you are after — but could TLP fix that need, or would there be somekind conflict then because of overlapping functionality?)

[merefield (Robert)]

No @Jagster you were correct.

TLP does provide a control to choose which image.

@merefield

Thumbnail Picker in the Topic Meta Editor. (Pick any thumbnail from the entire Topic using a simple UI)

I’ve never installed the sidecar plugin with another Theme, but it might work …

[Don]

Yeah, you right this theme is use the first image as thumbnail from the OP. So you can’t choose it manually. However, it is good to know it works with TLP

[falcon9]

Ok… so there are two different components like this… I was using this one…

Topic List Thumbnails

Summary Topic List Thumbnails allows you to show topic thumbnails in topic list views. Preview Theme category - Discourse Meta Repository Link https://github.com/discourse/discourse-topic-thumbnails New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Optimized images are generated for the lists, and different resolutions are made available for high-dpi displays. Images a…

I’ll have to test yours out and see.

[renato (Renato Atilio)]

@falcon9

I’m just looking for a way to control it more. I am looking for it to go beyond the first post to search for images / media or have a place to upload a “featured image” that it would default to.

With the Topic List Thumbnails there’s this:

@david

By default Discourse will use the first image in the OP of the topic. If you would like to select a different image from the OP, add |thumbnail to the markdown. For example

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << this one will be the thumbnail

This only works for the OP AFAIK. I think the same applies to the TLP sidecar, but I may be wrong… Yeah, sorry, it’s in the description some posts above: you can pick one image from the entire topic with the TLP sidecar.

[Don]

Hello,

I’ve merged an update to the theme.

DEV: Split up SCSS into multiple files and some UX etc...

This update contains:

• split up SCSS into multiple files
• slightly new sidebar style
• fix some UX issue on user pages (new user navigation style)
• move avatar size from head_tag <script type="text/discourse-plugin" block to javascript initializer
• change narrow desktop width to 1000px (on desktop menu panels change to mobile menu panels)
• remove most of the chat style (it needs some love as lots of thing changed in core)

Topic List

User page

[falcon9]

@Don For some reason I cannot get the “between topic” ads to center when using the official ad plugin. No matter what I do it seems to force it to the left. The “between posts” ads work great.

[EchoBilisim (Nejdet Bayram)]

Hello, I want to close the part in the screenshot or I want to remove it, how do I turn it off?

[Jagster (Jakke Lehtonen)]

I don’t know but how would your users navigate then?

[EchoBilisim (Nejdet Bayram)]

I will only use it as a social network, so it doesn’t make sense to have it there, it would be better if there is no such option in any of the social networks, I think it would be better without it

[Lilly]

those are the navigator bar filter links (nav pills) and you can hide them with CSS. but i’m not sure i would do that with this theme (i don’t use it) because it’s heavily modified and showing those links in mobile view. my forum’s mobile view (and Meta’s) doesn’t have them by default so it looks like those are there on purpose for this theme. @dodesz should be able to tell you if it is possible without affecting the theme in unintended ways.

[Don]

Hello,

Yeah, you can try something like this.

Mobile/CSS

.navigation-topics,
.categories-list,
body[class*="tag-"]:not(.archetype-regular):not(.archetype-banner),
body[class*="category-"]:not(.archetype-regular):not(.archetype-banner) {
  .list-controls {
    .container {
      background: none;
      box-shadow: none;
      padding: 0;
      margin-bottom: 0;
      .navigation-container {
        &:before,
        &:after {
          display: none;
        }
        .category-breadcrumb {
          display: none !important;
        }
        #navigation-bar {
          display: none;
        }
      }
    }
  }
}

[EchoBilisim (Nejdet Bayram)]

Thank you very much, it’s exactly what I wanted now

[Yella_Pavan_Kumar1 (Yella Pavan Kumar)]

Hi, I am facing this issue when I hide my sidebar.

Sidebar is not hidden(It is showing perfectly)

Sidebar when hidden

This only happens when I am on the latest tab with the sidebar hidden and with other tabs it works perfectly fine.

Please help me with this.

[Jagster (Jakke Lehtonen)]

When iPad is horizontally the sidebar (default one by Discourse) isn’t scrollable.

[Jagster (Jakke Lehtonen)]

Thanks! Works now.