Updated Repo : GitHub - hnb-ku/discourse-FlexFooter-theme-component
Small repo update note:
If you’ve installed the the theme from the old repo changes won’t affect you as you don’t need to update anyways, if you’ve not installed this theme before this will also not affect you (see comments below)
This theme component requires you to actually look at the code and change it to your preferences.
This is a skeleton. You still need to add content / links.
To install this theme, follow this tutorial:
Once the theme from the repo is installed, follow these steps:
1- Create a separate new theme and name it
2- Go to the samples folder
3- Pick a template (there’s only one for now)
4- Copy the code from the template and add it to your newly created theme’s footer in the common section.
5- Copy the following variables and add them to the common CSS section in your new theme
$df-top-footer-background: rgb(40, 40, 40); $df-bottom-footer-background: rgb(17, 17, 17); $df-top-link-color: inherit; $df-bottom-link-color: rgb(185, 185, 185); $df-shared-text-color: rgb(175, 175, 175); $df-shared-heading-color: rgb(255, 255, 255); $df-base-font-size: 1em;
5- Now add FlexFooter as a child theme under your new theme.
You should then be able to modify the html of the footer and the color variables in your newly created parent theme and not worry about it being overwritten if the repo is updated (to add more templates or fix bugs).
You can pretty much add anything inside the cards, from mailing list signup forms, ads, iframes or even Discourse widgets. If you have an idea for a template PRs are welcome!
You only need to look for the portion between
<!-- start card content -->
<!-- end card content -->
remove the placeholders, and add your content.
I am happy to help if you post specific problems / questions here.