My text seems to be "invisible".
This happens when you have your Primary Button background as White and the page as White. Usually this is the case when you are using a "transparent" option for your Primary Button. To fix this - go into your Theme Settings / Colors / Primary Button and change the background color to something else besides white. Alternatively, you can activate a "custom primary" color inside of the Site Page Templates Cohort section.
Watch the video below:
Where are the font sizes, colors, etc coming from?
All fonts styling for text and buttons are being controlled by the standard Theme Settings. These settings effect your other Thinkific sections on all pages as well. We intended for the Resource Library to fit seamlessly into your existing site design.
I am using monthly groups, but my events are not being grouped properly for each month?
When you are grouping by month, make sure you set the cohort start and end date to be the first day of the first month and the last day of the last month. Do not set the Cohort Date range to be the start and end of the actual event.
How do I change colors?
With our Site Page Templates we try to just inherit all of the colors that are in the default Theme settings. But since we have more design,style options than the standard Thinkific theme, you may need to tweak or over-ride them.
Our approach is to have you control this at the page level with the Site Page Templates (Style...) section. Inside of that you will see the Solid Color Pallet - open that up and check the box for the parts that you want to look different.
For Buttons we always use the style that is inside the Theme Settings.
For Cohort, there are some extra color options inside the Cohort Home Page section.
For your Dark Theme users - you will want to change the color of the background of the Event & Resource card to something else besides white. In the video I show you how to create a two tone effect or just a border effect for the cards.
How to over-ride the button colors?
If you would like to use custom button colors on specific pages that are using different settings than your theme settings then you will need to add a snippet of code:
<style>
.kapow-shi .button-primary {
border: 2px solid transparent;
border-radius: 0px;
background-color: #000000;
color: #ff0089;
}
.kapow-shi .button-secondary {
border: 2px solid #000000;
border-radius: 0px;
background-color: transparent;
color: #000000;
}
.kapow-shi .button-secondary:hover {
border: 2px solid #000000;
border-radius: 0px;
background-color: transparent;
color: #000000;
}
</style>
Place this into Swiss Embed Code section on the page
There is not gap above the button in the resources tab
Please add this code to your site footer code settings to work around this until we have an update pushed to address.
<style>
.kapow-shi [id^="other-content-"] .rbt-button-group{
margin-top: 20px
}
</style>