College football fans (American College Football)

ernestdefoe

I would like to take the opportunity to invite anyone and everyone that likes college football to come and join. Just truly getting the site up and going. Still working on a few things.

Getting the theme worked out. Using Avocado by @ram0ng1 (using V2) and trying to get some things figured out to provide the best experience.
Working on converting all school and conference logos over to FA icons so the site will load faster by not having to load a bunch of images.
Fine tuning some other aspects of the site behind the scenes.

I want to give a shoutout to those that have made my site become a reality. First I want to thank the Flarum developers for such awesome software. Second I want to thank all the extension developers that build up the Flarum ecosystem. Third I want to thank @KBExit for his amazing Flarum hosting service and last I want to thank @ram0ng1 for letting me beta test and fine tune his theme.

FBS Football stands for Football Bowl Subdivision which is what used to be referred to as Division 1A. The site is running Flarum 2 beta 8 so come and check it out. https://fbsfb.com

Subarist

Super cool — the new content feels much more modern and stylish.
There are still a few alignment issues, but it’s definitely evolving in the right direction. Congrats!

ernestdefoe

Subarist thanks. @ram0ng1 is doing his best to address all of the issues and perfect this theme.

Tutrix

ernestdefoe
A little help with aligning some icons 😉

.AvocadoTagPage-hero-icon i {
  max-height: 44px !important;
  width: fit-content !important;
  padding: 0 10px;
}
.AvocadoHome-categoryIcon i {
  max-height: 44px !important;
  max-width: fit-content !important;
}
.AvocadoHome-tagPill i, .AvocadoHome-tagPill svg {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: fit-content !important;
  align-items: center;
}

before the CSS at the top

after

ram0ng1

Tutrix A little help with aligning some icons 😉

Ohh! Thank you so much! I’ve been struggling with this since yesterday, haha.

ernestdefoe

Tutrix thank you so much for that.

ernestdefoe

Tutrix What would be the CSS code to fix that on this page too? https://fbsfb.com/tags

Tutrix

ernestdefoe

I forgot to include a piece of CSS above

.AvocadoTagPage-hero-icon {
  width: fit-content !important;
}

I'm looking at the tags page 😉

Edit

.AvocadoTagsPage-tagCard-icon  {
  width: fit-content !important;
}
.AvocadoTagsPage-tagCard-icon i {
  max-height: 44px !important;
  width: fit-content !important;
  padding: 0 10px;
}
.AvocadoTagsPage-childPill i {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: fit-content !important;
  align-items: center;
}

ernestdefoe

Tutrix PERFECT! Thank you so much!

ernestdefoe

@ram0ng1 now you have the code to fix this to incorporate into the theme for everyone else.

Tutrix

ernestdefoe
Maybe display only 3 categories per row instead of 4

@media (min-width: 991.98px) {
  .AvocadoHome-categories {
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}