---
title: "Global Styles"
permalink: "https://loviq.pl/global-styles/"
modified: "2026-07-22T13:57:22+00:00"
---

# Global Styles

<div class="elementor elementor-36" data-elementor-id="36" data-elementor-type="wp-page"><div class="elementor-element elementor-element-3a5a51e4 e-flex e-con-boxed e-con e-parent" data-e-type="container" data-element_type="container" data-id="3a5a51e4" data-settings="{"background_background":"classic"}"><div class="e-con-inner"><div class="elementor-element elementor-element-697b1b5 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="697b1b5" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-15160a elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="15160a" data-widget_type="heading.default">## Global Styles

 </div><div class="elementor-element elementor-element-5486d778 elementor-icon-list--layout-inline elementor-align-start elementor-tablet-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-e-type="widget" data-element_type="widget" data-id="5486d778" data-widget_type="icon-list.default">- [ <span class="elementor-icon-list-text">Colors</span> ](#colors)
- [ <span class="elementor-icon-list-text">Fonts</span> ](#fonts)
- [ <span class="elementor-icon-list-text">buttons</span> ](#buttons)
 
 </div> </div><div class="elementor-element elementor-element-5c07f670 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="5c07f670" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-59fd3ad2 elementor-widget__width-inherit elementor-widget-tablet__width-auto elementor-widget elementor-widget-text-editor" data-e-type="widget" data-element_type="widget" data-id="59fd3ad2" data-widget_type="text-editor.default">This page previews Global Fonts and Colors for this Kit. Changes made in Site Settings will be displayed here.

 </div> </div> </div> </div><div class="elementor-element elementor-element-4812f54e e-flex e-con-boxed e-con e-parent" data-e-type="container" data-element_type="container" data-id="4812f54e" id="colors"><div class="e-con-inner"><div class="elementor-element elementor-element-27d916aa e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="27d916aa"><div class="elementor-element elementor-element-288590c4 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="288590c4" data-widget_type="heading.default">## Global Colors

 </div><div class="elementor-element elementor-element-393a5f2 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="393a5f2" data-widget_type="heading.default">## SYSTEM

 </div><div class="elementor-element elementor-element-7d15c769 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-e-type="widget" data-element_type="widget" data-id="7d15c769" data-widget_type="divider.default"><div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div><div class="elementor-element elementor-element-f6d912e elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="f6d912e" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Primary </span> 

 </div> </div> </div><div class="elementor-element elementor-element-43d15bcc elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="43d15bcc" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Secondary </span> 

 </div> </div> </div><div class="elementor-element elementor-element-68c924cb elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="68c924cb" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Text </span> 

 </div> </div> </div><div class="elementor-element elementor-element-6350ee8c elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="6350ee8c" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> accent </span> 

 </div> </div> </div><div class="elementor-element elementor-element-61c9ec03 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="61c9ec03" data-widget_type="heading.default">## custom

 </div><div class="elementor-element elementor-element-7017c3c3 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-e-type="widget" data-element_type="widget" data-id="7017c3c3" data-widget_type="divider.default"><div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div><div class="elementor-element elementor-element-40ea151c elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="40ea151c" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> White BG </span> 

 </div> </div> </div><div class="elementor-element elementor-element-51075544 elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="51075544" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Accent #2/White </span> 

 </div> </div> </div><div class="elementor-element elementor-element-2f8092f4 elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="2f8092f4" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Transparent </span> 

 </div> </div> </div><div class="elementor-element elementor-element-44455857 elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="44455857" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Grey Element/BG </span> 

 </div> </div> </div><div class="elementor-element elementor-element-46c8c0b7 elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="46c8c0b7" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Pink Element/BG </span> 

 </div> </div> </div><div class="elementor-element elementor-element-bda348 elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="bda348" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> Blue Element </span> 

 </div> </div> </div><div class="elementor-element elementor-element-549620d elementor-widget elementor-widget-icon-box" data-e-type="widget" data-element_type="widget" data-id="549620d" data-widget_type="icon-box.default"><div class="elementor-icon-box-wrapper"><div class="elementor-icon-box-content">###  <span> App Store Icon </span> 

 </div> </div> </div> </div> </div> </div><div class="elementor-element elementor-element-3db6459 e-flex e-con-boxed e-con e-parent" data-e-type="container" data-element_type="container" data-id="3db6459" id="fonts"><div class="e-con-inner"><div class="elementor-element elementor-element-50925ff7 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="50925ff7"><div class="elementor-element elementor-element-3871fa20 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="3871fa20" data-widget_type="heading.default">## Global Fonts

 </div><div class="elementor-element elementor-element-a79cab8 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="a79cab8"><div class="elementor-element elementor-element-9b32812 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="9b32812" data-widget_type="heading.default">## SYSTEM

 </div><div class="elementor-element elementor-element-19698694 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-e-type="widget" data-element_type="widget" data-id="19698694" data-widget_type="divider.default"><div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div><div class="elementor-element elementor-element-6f4e2a0e elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="6f4e2a0e" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Primary</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-3cadd45e elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="3cadd45e" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Secondary</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-7972ef01 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="7972ef01" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Text #1</div>Want to change your global styles?  
Click on top left menu in the sidebar,  
then select Site Settings.

</div></div> </div><div class="elementor-element elementor-element-16030380 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="16030380" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Accent #1</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-96a6666 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="96a6666"><div class="elementor-element elementor-element-693dbeb1 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="693dbeb1" data-widget_type="heading.default">## custom

 </div><div class="elementor-element elementor-element-3c487170 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-e-type="widget" data-element_type="widget" data-id="3c487170" data-widget_type="divider.default"><div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div><div class="elementor-element elementor-element-71db8ccc elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="71db8ccc" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Hero/CTA Title</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-7c51c6c9 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="7c51c6c9" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">4rd Level Title</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-5ac59bd1 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="5ac59bd1" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">5th Level Title/Person Name</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-4e7e27a5 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="4e7e27a5" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Accent #2/Nav Menu</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-e987063 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="e987063" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Text #2 Big</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-413ae5a8 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="413ae5a8" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">Copyright Text/Person Title</div>Abcd

</div></div> </div><div class="elementor-element elementor-element-7e698738 elementor-vertical-align-top elementor-widget elementor-widget-image-box" data-e-type="widget" data-element_type="widget" data-id="7e698738" data-widget_type="image-box.default"><div class="elementor-image-box-wrapper"><div class="elementor-image-box-content"><div class="elementor-image-box-title">404 Title</div>Abcd

</div></div> </div> </div> </div> </div><div class="elementor-element elementor-element-dff6f15 e-flex e-con-boxed e-con e-parent" data-e-type="container" data-element_type="container" data-id="dff6f15" id="buttons"><div class="e-con-inner"><div class="elementor-element elementor-element-2f779860 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="2f779860"><div class="elementor-element elementor-element-26d01f95 elementor-widget__width-inherit elementor-widget elementor-widget-heading" data-e-type="widget" data-element_type="widget" data-id="26d01f95" data-widget_type="heading.default" id="buttons">## Buttons &amp; Links

 </div><div class="elementor-element elementor-element-d0459df e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="d0459df" data-settings="{"background_background":"classic"}"><div class="elementor-element elementor-element-119028b1 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor" data-e-type="widget" data-element_type="widget" data-id="119028b1" data-widget_type="text-editor.default">Buttons and links inherit their style from Global Fonts and Colors settings in Site Settings.

 </div> </div> </div><div class="elementor-element elementor-element-16a80398 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-e-type="widget" data-element_type="widget" data-id="16a80398" data-widget_type="divider.default"><div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div><div class="elementor-element elementor-element-3aefcda6 e-con-full e-flex e-con e-child" data-e-type="container" data-element_type="container" data-id="3aefcda6"><div class="elementor-element elementor-element-71477d12 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-button" data-e-type="widget" data-element_type="widget" data-id="71477d12" data-settings="{"_animation":"fadeInUp","_animation_delay":"600"}" data-widget_type="button.default"> [ <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Main CTA button</span> </span> ](#) </div><div class="elementor-element elementor-element-2dcbddef elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-button" data-e-type="widget" data-element_type="widget" data-id="2dcbddef" data-settings="{"_animation":"fadeInUp","_animation_delay":"600"}" data-widget_type="button.default"> [ <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">2nd CTA button</span> </span> ](#) </div><div class="elementor-element elementor-element-7f8dc415 elementor-widget elementor-widget-button" data-e-type="widget" data-element_type="widget" data-id="7f8dc415" data-widget_type="button.default"> [ <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Underline Accent</span> </span> ](#) </div><div class="elementor-element elementor-element-596a6df9 elementor-widget__width-auto elementor-widget elementor-widget-text-editor" data-e-type="widget" data-element_type="widget" data-id="596a6df9" data-widget_type="text-editor.default"> This is <span style="text-decoration: underline">[Hyperlink](#)</span> </div> </div> </div> </div> </div>
