When creating webpages in Elementor, it is really important to work out the anatomy of your webpage.  This is the common structure that all your pages will have.  Sometimes, your specific requirements might be such that you need 2 to 4 types of template pages.   For each, you will need to sit down and carefully work out the anatomy of each.   Spend time on it and get it right, because if you get the foundation right from the start, your house will not crumble and fall!   It saves so much patchwork headache in the end.

So by getting the anatomy right, I mean work out the structure of the page.  Will there be a page title (usually yes)?  What about subtext or subcategory?   Will there be a downloads section?   What will the main content headings look like?  What about the content text?

When looking at EACH of these elements, you need to work out THREE things.

1. What colour will the text be
2. What font settings will the text be (size, weight etc)
3. And you will need to work out each of these for – DESKTOP, TABLET and MOBILE PHONE (otherwise the desktop settings will look crazy on a mobile phone).  Don’t forget, most people now surface the web on their phones and tablets!  So – YOU NEED TO DO THIS.   Yes, this is hard work, but you only need to do it the ONCE.

And Elementor makes it easier for you to do this by something called GLOBAL FONTS and GLOBAL COLOURS.  Basically, you can set the GLOBAL COLOUR for say the Title of of all your pages.  You can then set the GLOBAL FONT for the Title of all your pages.    There are two advantages to this…

1. You do not need to tediously set the individual Font and Colour components of every (say) Title of a page.   The global fonts and colours will do it for you.
2. If in the future you want to change say the colour of the Title of all your pages – you just change the setting in the Global Colour section rather than going through every webpage of your site.  Imagine a site like this one you are reading now – over 300 pages – imagine the time saved by changing all the pages just from one section!

Here are my settings for this website.  If you want to learn more about Global Fonts and Global Colours first, type in “Elementor Global Fonts Colours” into YouTube.   I’ve created this page as a reference for me in the future, and you may want to do something similar for your website.

DT = Desktop
TAB = Tablet
PH = Phone

e.g. DT means Desktop:     37, 400, LS -2.5, underline = 37 font size, 400 weight, LS line spacing, underline is decoration.  LH = line height.   WS = word spacing.