Please ensure Javascript is enabled for purposes of website accessibility

Pixels vs Percentage

image of pixels on a dark background
Reading Time: 6 minutes

Pixels vs Percentages

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ultrices dui sapien eget mi proin sed. Amet consectetur adipiscing elit ut aliquam. Purus gravida quis blandit turpis cursus in. Sapien pellentesque habitant morbi tristique senectus et.

Nulla at volutpat diam ut venenatis tellus in metus. Pellentesque eu tincidunt tortor aliquam nulla facilisi. Interdum consectetur libero id faucibus nisl. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et. Integer vitae justo eget magna fermentum iaculis eu. Interdum consectetur libero id faucibus. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo. Id velit ut tortor pretium viverra. In est ante in nibh mauris.


Usability Testing: Hotjar Plugin with Elementor

Usability Testing Illustration
Reading Time: 6 minutes

Usability Testing: Hotjar Plugin with Elementor

Personally, this is one of the very core issues of  aspects of UI/UX and product design, without set quality assurance ‘checks and balances’, there will certainly be a durability and usability issue. At the end of the day products and ‘their’ designs are made for the purpose of its respective users, anything outside of this really is irrelevant. 

So, how is Hotjar with Elementor?

Hotjar, is quite an amazing site evaluation tool in terms of gathering users views/ thoughts whilst interacting with a website (e.g. heatmaps, recordings (especially for remote evaluations) and surveys feedback.  It is available via subscription and is easy to set up online. What really drew me to it initially,  is the fact that the trial is available in business mode, giving subscribers full access to its various resources and then after the trial you automatically get dropped to the free version (i.e. Basic) which is still pretty good for a small to medium site.

Right now, I have been using the Hotjar’s  free trial for my personal site (this site) and it works for me (e.g. I get Manual Data Capture, up to 300 Recordings,  so it really depends on individual needs. One of the great things that I have realized whilst developing my website and using Hotjar, is that the areas that need development are highlighted via heat maps (I get to capture at least 3 heatmaps)  as to reading through copious amounts of data that can be easily misinterpreted.

Any Issues?

You might be wondering if things have been going so well with Hotjar then  why have you not seen it since you have been browsing my site. Well, that brings me to the one snag that I have come across, not in Elementor but with underlying WP plugin.

My site design just froze making it virtually impossible to scroll or continue with site updates. After trying everything possible (e.g. clearing cache in both WP and PC), but nothing worked. As a result, I have had to uninstall (for now) and re-connect back after site design is complete and liaised with Hotjar’s technical support.

Do you have any experience with Hotjar? if yes, I would love to hear of your experiences or maybe you have technical issues, don’t  be a stranger, drop me a line. Remember, the blog is to reach out and engage with other UI/UX, Web Designers/Developers, coders etc to learn and share.

EXPLORE       ¤        EXPAND    ¤      CREATIVE   DESIGN

©2021 Copyright | Last Updated: March 28, 2024 | Email: | Site for Informative Purposes

Handling Content Pre-Formatting

Reading Time: 3 minutes

Handling Content Pre-Formatting

One of the many ‘joys’ of  WP and Elementor environment is that there are numerous ways of how text can be introduced to make up parts of your site content. Text is very versatile in that it can easily be copied and pasted back and forth across applications e.g. Microsoft Word, PowerPoint, Excel e.t.c. However, if and when not done properly, can lead to a lot of frustration when it comes to context layout in terms of sizing, font availability and continued amendment in Elementor.

Common 'Copy' and 'Paste' Issues

  • Loss of original format once pasted in new environment
  • Incompatibility and unavailability of copied font – leading to a mismatch
  • Some loss of functionality of formatting tools within WP – Elementor  – due to lack of recognition of original format
  • Could end up with different displays of font types on different devices ( nothing like responsiveness differences,  but rather unwanted and unstructured  content).

Tips for Overcoming Formatting Issues

Whenever copying text from an external application, make sure that when ready to paste, ‘paste as simple text’, this way, the text will be stripped of its original formatting and take on that of its new environment.

Alternatively, simple apply:

  • PC: CTRL +V
  • Mac: Command + V

In Addition also:

  • As much as possible try and stay away from adding various formatting ‘thrills’ to your content.
  • Try using the ‘Block Editor’ to copy from  Microsoft Word to WP-Elementor (I will write a separate block to fully address this) and likewise you can copy over text from google docs using the same facility.

Can you relate to any of the issues covered in this blog? Share your comments below, I would love to hear from you.  

Till the next blog.

EXPLORE       ¤        EXPAND    ¤      CREATIVE   DESIGN

©2021 Copyright | Last Updated: March 28, 2024 | Email: | Site for Informative Purposes
Scroll to Top

stay informed!

Join to receive our weekly exclusive blog notifications