Author: Rob Hobson

Your Guide to the Google Fonts Available in the Divi Theme (Printable)

A great looking website is a combination of layout, images, and typography and as the tone of your voice sets the scene of a conversation so too does the typography, giving your site a particular personality. Typography is the art and technique of arranging type. It involves the thoughtful and deliberate selection of typefaces, point size, line length, leading, tracking, kerning, color and any element that can affect a design. Readability is primarily the concern of the typographer or information designer. In websites, consistency is key in the use of typography. AWWWARDS – Typography Choosing Fonts Two things to consider when choosing...

Read More

Sketch your layouts on paper with the Divi Theme printable Browser Window by Divi Notes

For those of you who use paper to do your wireframing, here’s a printable that I hope you’ll find useful. I’ve worked on a Full HD display width of 1920 pixels, and a standard Divi column width of 1080 pixels. On a Full HD display, your viewport (above the fold) is roughly 950px which I’ve also indicated on the printable. As variety is the spice of life, you can check out two other great alternatives: Paper Browser by Printable Sketch Sheets by Let me know in the comments if there’s anything I’ve missed or any ideas you have...

Read More

CodeLights Plugin and Divi – Flipbox (Part 1)

Although I’m not fond of the little things, I regularly get requests for flipboxes. This was the case with a recent project which lead me to reinvestigate a plugin I’d stumbled upon earlier this year. The plugin in question is SiteOrigin Widgets by CodeLights. When I first tried it out it wasn’t sufficiently compatible with Divi to make it useful but as I needed to do the flipbox thing, I decided to download it again and give it a try and this time found it to be much more compatible. In this post I’m going to focus on the FlipBox shortcode...

Read More

Fullwidth Header – Open Button #1 Link in a New Tab

Here’s a quick tip on how to open the Divi Fullwidth Header module’s first button (Button #1) in a new tab. Navigate to the Divi Theme Options screen and then choose the Integration tab and add the following code to the <head> section: Now make sure you’ve enabled the header code section by toggling the Enable Header Code button to on. This is a bit of a mystery to me as mine says Enable and if I switch to Disable, it doesn’t work. In my mind you need to click Enable to enable but obviously not. If the button...

Read More
  • 1
  • 2


This site contains affiliate links. Hopefully you'll click on them and help keep this site online and fresh! :) Oh! And then there are those cookies! It's the way the web remembers things. If you don't like them please don't use this site.

From Our Sponsors


Follow Us on WordPress

Follow Divi Notes on