LOADING
How to access Landing Page Header and Footer
Published on 11/22/2018
Each landing page has its own class names. The best way to access the element you need - is to use one of:
- “themed-account”;
- “homepage”.
The next step is to catch the class name of that element you want to customize. For instance:
- “navbar”;
- “fabl-footer”.
Then by mixing this two classes you can get the needed element.
Check the next style snippet that were used in real life:
The list of used class names are the next:
- “.homepage .navbar”: to change header navbar color;
- “.homepage .navigation-link a”: to change color and style of header links;
- “.homepage .fabl-footer”: to change footer paddings;
- “.homepage .fabl-footer .fabl-container”: to change footer width;
- “.homepage .fabl-footer .powered-by” and “.homepage .fabl-footer .powered-by a”: to change style of footer text.