Effects Settings:
The XTC Framework V4 features effects plugin to add JS and other special effects.
To create the gradient background color changing effect, go the template settings and select the effects tab > Gradientify. The JS effect can be set to and ID, for freshtruck we apply it to the region1pad div. The paramaters control the transition speed, opacity and color values. The color values need to be RGB and set with start and stop points:
{ start: [128,179,171], stop: [30,41,58] }, { start: [255,207,160], stop: [234,92,68] }, { start: [212,121,121], stop: [130,105,151] }
Sharer JS
freshtruck uses Sharer JS to create social sharing options for articles. Make sure to endable the JS in the effects settings.