FKB Pro - Social theme

[Don]

@Paracelsus

Is it possible to have fixed width columns upon a minimum screen width (or several, using for instance media css rules) on desktop-mode? The flexible width gives me a bit of headaches in very large monitors (24 or 27’') and the “dead space” between the three columns is a bit awkward

Hi @Paracelsus, Thanks for the feedback. I merged a fix Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

The theme preview in our forum doesn’t show with 3 columns, only a one-column layout. I suspect some css problem, but still trying to figure it out.

Can I check this somehow?

@Paracelsus

Is the theme compatible with the component for right side blocks Right Sidebar Blocks - theme-component - Discourse Meta ? If so, it makes the right column more useful/feature rich.

I’ll take a look at it.

[tmn (Tran Nhat)]

some suggestion.

[darkpixlz]

Just tried installing it on my site and it looks really small.

[Don]

Yeah, I’ll fix it soon.

[Paracelsus]

@Don

@Paracelsus

Is it possible to have fixed width columns upon a minimum screen width (or several, using for instance media css rules) on desktop-mode? The flexible width gives me a bit of headaches in very large monitors (24 or 27’') and the “dead space” between the three columns is a bit awkward

Hi @Paracelsus, Thanks for the feedback. I merged a fix Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

The theme preview in our forum doesn’t show with 3 columns, only a one-column layout. I suspect some css problem, but still trying to figure it out.

Can I check this somehow?

@Paracelsus

Is the theme compatible with the component for right side blocks Right Sidebar Blocks - theme-component - Discourse Meta ? If so, it makes the right column more useful/feature rich.

I’ll take a look at it.

Thanks for the fix, it’s better now.
I’ll try to get you an url where you can see the one-column issue.

[Don]

Hello, I merged some fixes:

Merge pull request #8 from VaperinaDEV/fix-layout-take-2

UX: fix some styling issue with categories

[tmn (Tran Nhat)]

Just search around Meta and found this forum. This is what I looking for.

Better Century

[Don]

Ah I see This is looks like Fakebook, a theme for social media lovers I think you looking for that.

[tmn (Tran Nhat)]

Hi @Don. Thank so much for your theme.

[darkpixlz]

Still having some issues.

[Tiago_santos]

Congratulations @Don , I am very very happy with your theme. It is beautiful and elegant and the site has also increased the scores in core web vitals and google speed insights
Thank you so much for everything, I really admire your work in the discourse community
greetings from Brazil

[Don]

@darkpixlz

Still having some issues.

Thank you @darkpixlz! I will update the theme to work with sidebar.

---

@Tiago_santos, I am really glad you like it Thank you so much!

[Tiago_santos]

hi @Don
how to fix this bug (field credit card number black) discourse subscription

[Don]

Thanks. I’ve pushed a fix for this…please update the theme.

[Tiago_santos]

perfect, it’s beautiful, thank a lot

[Tiago_santos]

Hello @Don
i am following this post for discourse plugin ads (house ads)

[PAID] Make House Ads Responsive

If you read House ads post, they give you the way to set a desktop picture and a mobile one. <a href="" class="banner-ad" target="_blank"> <img class="desktop" src=""> <img class="mobile" src=""> </a> Just set the images for each (Less width for phones and more width for desktop) and thats it! I personally use this dimensions: Mobile: 1282x311 Desktop 755x90 Then create a component and add this CSS: $cta-background-color: #FE4644; $cta-text-color: #FFFFFF; .banner-ad { displa…

apparently the ads plugin is not compatible with fakebook pro (bugs)

In the mobile version, the image is off the screen (large)

in the fakepro theme it cannot differentiate which image is mobile and which image is desktop

can you please check it

[Don]

Hi Tiago,

Can you please clarify it a little bit? Some screenshots, your actual code and where is your advert appear would be very helpful. Thank you

[Tiago_santos]

Hi, so sorry

The image is bigger in the mobile version
in the default theme it works normally

My code (house ads)

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
    <img class="desktop" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png" style="display: block; margin-left: auto; margin-right: auto;width: auto;">
    
</a>

Mobile

even if I switch desktop to mobile in the code above, the problem remains

Desktop (it´s ok)

[Don]

Hello,

Yeah, I think because you have to use some css also to make it responsive.

Something like this should work:

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
  <img class="banner-img" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png"> 
</a>

Common / CSS

.house-creative.house-post-bottom {
  max-width: calc(#{$topic-body-width} + (#{$topic-body-width-padding} * 2) + (12px * 2));
  margin: 8px 0 8px auto;
  .mobile-view & {
    max-width: 100%;
    .banner-ad {
      .banner-img {
        max-width: 100%;
      }
    }
  }
}

[Tiago_santos]

Very great. thank a lot
it’s working perfectly.
Once again, thank you very much for your attention. Your discourse theme is the best