Hello,
You can find these infos ine the documentation that comes with Porto. It’s on .zip downloaded from ThemeForest inside the folder “Documentation”. With the documentation opened, see the sections “Javascript” and “CSS Structure”.
Porto comes with a builtin structure to initialize JS plugins trough HTML data attributes. Eg: data-plugin-revolution-slider data-plugin-options="{xxxxx}" to initialize a Revolution Slider, where you can pass all plugin options in the data-plugin-options.
You can learn more about that in our documentation.
Regarding text color: Porto comes with ready classes for text color, font size, line height, opacity, etc.. For example:
<span class="text-color-primary text-5 pl-2">(800) 123-4567</span>
* In the example above will change text color to primary and increase the font size.
You can learn more about these ready classes at our documentation.
To change the default colors value (primary, secondary, tertiary, quaternary) you can use our style switcher to generate a new skin file:
Regarding slider background, the image background is defined trough <img> tag right after the <li> in the HTML code of slider:
... ..... ... <li class="slide-overlay slide-overlay-primary" data-transition="fade"> <img src="img/slides/slide-corporate-1-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg"> .. ..... .... ..
Please try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.