Web Hosting

Free contact form layouts for Divi Page Builder | Infinite Imagination Web Design and Development

Free contact form layouts for Divi Page Builder

by Olga Summerhayes | Aug 18, 2017 | Divi Freebie

I recently changed the layout of the contact form on my site. While making the changes I experimented with a few designs and I am excited to share with you 4 Divi Contact Form layouts. Feel free to download them and use them as you wish. They can be used to create a contact page or as a contact section on the one-page website. Here we go

https://www.infiniteimagination.com.au/free-contact-form-layouts-divi-theme-builder/

Sent from my Samsung Galaxy smartphone.

Mobile Menu Customizer for Divi

Divi theme has lots of awesome features but one of the features that it lacks is the ability to customize the styling of mobile menu without diving into custom coding. The Mobile Menu Customizer plugin lets you style your Divi site mobile menu via Theme Customizer with live preview. Just upload and activate it, then go to Theme Customizer and start styling the mobile menu, as simple as that!

Some of the great features offered by this plugin are:

  • Mobile Menu Item Icons watch onYouTube
  • Mobile Menu Background Image
  • Type any text besides the mobile menu hamburger icon (e.g. “Menu”)
  • 10 New Menu Animations watch onYouTube
  • Menu Gradients watch on YouTube
  • Making mobile menu fullwidth.
  • Making mobile menu fixed.
  • Making submenu collapsible.
  • Aligning menu link text.
  • Adjusting menu item height.
  • Applying menu shadow.

And lots of other controls to play with colors, borders, text sizes, margins, paddings, etc. of the mobile menu.

https://elegantmarketplace.com/downloads/mobile-menu-customizer-for-divi/

Sent from my Samsung Galaxy smartphone.

How to Apply Color Palettes to Your Divi Website (20 examples!) | Elegant Themes Blog

In today’s Divi tutorial, we’re going to share some amazing color palettes that you can use on the next websites you build with Divi. Using the right colors for your website is one of the primary things that’ll determine how your website will look and feel like in overall

https://www.elegantthemes.com/blog/divi-resources/how-to-apply-color-palettes-to-your-divi-website

Sent from my Samsung Galaxy smartphone.

Divi Overlays | Create Overlays, Popups, or Modals with the Divi Builder!

Divi Overlays is a brand new way to create beautiful full screen overlays, popups, or modals using the Divi Builder.

Divi Overlays takes advantage of the power and flexibility of the Divi Builder which gives you the ability to easily add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc. Or use an automatic trigger such as timed delay, scroll delay, or exit intent!

https://divilife.com/product/divi-overlays/

Sent from my Samsung Galaxy smartphone.

How to Create a Scrollable Text Preview Tablet with Divi

How to Create a Scrollable Text Preview Tablet with Divi

In today’s tutorial, we’re going to show you how to create a scrollable text preview tablet on your website. The text preview will be represented in a tablet where the visitors can scroll within the tablet to read a few of the chapters that are being shared.

Adding a text preview tablet to your website is an excellent way of teasing your visitors. You’re giving them the chance to explore a piece of the content you’ve created. Once they’ve read the content and felt intrigued by it, the chances are more likely that they’ll want to read the rest as well. Using a text preview tablet can be interesting in the following cases, for example:

  • When selling a book
  • When sharing a free ebook with your visitors and wanting to encourage them to download the complete version (by subscribing)
  • When sharing case studies or testimonials

Jane Clark

Netgrrl & Wildgrapes

www.janeclark.com.au

Mobile 0417864935
Skype JaneClarkNT

Siteground Website Hosting

How to add a DIVI section or module inside another module – Creaweb2b

Tutorials, WORDPRESS

In this tutorial, ill’ show you how to insert a DIVI Section or module inside another DIVI Module.

Then, you’ll be able to add google maps, contact forms and whatever you want inside accordion or tab modules for instance…

Once more, the process relies on using the DIVI library and adding a shortcode to insert the created content inside any module.

The first thing to do is to add a

https://www.creaweb2b.com/en/how-to-add-a-divi-section-or-module-inside-another-module/

Sent from my Samsung Galaxy smartphone.

Beautiful and Unique Blog Module Designs

We have created 14+ variants of Blog designs that are completely unique from the regular Divi blog module layouts.

Technically speaking, The default code of the blog module does not allow such designs. So, we have implemented jQuery based layouts making and added excellent styling to them.

Requirements :

Divi 🙂
JS Support

Notes : Please note that these stylings are mostly based on jQuery wrappers. So, the jQuery code should run to make things happen

https://elegantmarketplace.com/downloads/beautiful-and-unique-blog-module-designs/

Sent from my Samsung Galaxy smartphone.

Image Photo Gallery Final Tiles Grid — WordPress Plugins

Description

Image Gallery + Photo Gallery + Portfolio Gallery + Tiled Gallery in 1 plugin. Includes lightbox and hover effects. It supports Pinterest (masonry) photo gallery and tiled grid gallery.
A Brand New Algorithm

There are dozens of wordpress photo galleries out there, but the problem is that they always look the same!
Final Tiles Grid Gallery uses a brand new algorithm to make much more interesting image grids, how does it work?
The main concept is very simple: it doesn’t crop the images and it keeps the original size (if possible).

https://wordpress.org/plugins/final-tiles-grid-gallery-lite/

Sent from my Samsung Galaxy smartphone.

Divi CTA Cards Offer Endless Variety to Call To Action Modules • TRG Web Designs Development Site

Divi CTA Cards are an outgrowth of my desire to style Divi Call to Action modules different for every client.

Divi provides a lot of ways to customizes CTA modules (colors, borders, fonts, etc.). But after a while, they all begin to look like minor variations on the same theme. The titles, description and button all appear together in the same places (left, right or center) and there are no animations or hover effects.

https://trgwebdev.com/divi-cta-cards-offer-endless-variety-call-action-modules/

Sent from my Samsung Galaxy smartphone.

How or add the Author Avatar to your Divi Blog – Tutorial for Divi | Divi Soup

Recipe #29 has been on my to-do list for quite some time. How to add the author avatar to your Divi blog.

If you run a multi-author blog, or indeed even a blog with a single author, it can sometimes be nice for visitors to see an image of the author on your blog page. So that’s what we are going to create today.

I am going to show you how to add the avatar to the blog module in grid and fullwidth format as well as the single post pages. No plugins, just some CSS and PHP edits.

https://divisoup.com/add-author-avatar-divi-blog/

Sent from my Samsung Galaxy smartphone.

How to Prevent WordPress from Generating Image Sizes

By default, WordPress generates three sizes of each image that you upload. Themes and plugins can generate additional image sizes which can easily push the number between 5 – 10. If you have a lot of image based content on your site, then after a while this may increase your storage needs and backup file size. In this article, we will show you how to prevent WordPress from generating image sizes.

http://www.wpbeginner.com/wp-tutorials/how-to-prevent-wordpress-from-generating-image-sizes/

Sent from my Samsung Galaxy smartphone.

R9: Accordion Image Slider Menu | Divi Soup

Recipe #9 takes an accordion image slider I found on Tympanus.net (can you tell I am a little obsessed with that site? 😉 ) and turns it into a cool responsive menu you can use to link to galleries, portfolios, projects or even blog categories. This would be a great feature for photography or portfolio websites but with a little imagination, you could use it for pretty much anything

https://divisoup.com/accordion-image-slider-menu/

Sent from my Samsung Galaxy smartphone.

10 “Hidden” Divi Features You Need to Know About | Elegant Themes Blog

In recent years, many convenient and powerful features have been added to the Divi Theme. And, some of these features may have snuck in to your theme without you realizing it. In fact, they are lurking right now, hiding in plain site (an impressive survival tactic maybe, but an unfortunate one). That is why I’m taking some time to shed some light on ten Divi features that should not remain hidden or ignored.

https://www.elegantthemes.com/blog/divi-resources/10-hidden-divi-features-you-need-to-know-about

Sent from my Samsung Galaxy smartphone.

One design firm’s jargon-free contract: ‘Time is money. More time is more money’ / Boing Boing

Chicago-based design firm Segura has streamlined their contract. The result is a simple, but effective, agreement that leaves out all pretentious jargon.

Here are their terms and conditions:

You give me money, I’ll give you creative.
I’ll start when the check clears.
Time is money. More time is more money.
I’ll listen to you. You listen to me.
You tell me what you want, I’ll tell you what you need.
You want me to be on time, I want you to be on time.
What you use is yours, what you don’t is mine.
I can’t give you stuff I don’t own.
I’ll try not to be an ass, you should do the same.
If you want something that’s been done before, use that.PRO BONO
If you want your way, you have to pay.
If you don’t pay, I have final say.

Let’s create something great together.”

http://boingboing.net/2017/06/22/one-design-firms-jargon-free.html

Sent from my Samsung Galaxy smartphone.

How to Add a Second Phone Number to the Divi Theme Header

Twice in the past week I have seen the question posed in the Facebook Group “How do I add a second phone number to the header of the Divi Theme“.

To achieve this you can simply copy / paste the code below into your Divi Theme Custom Options panel. You will find this by navigating to your Dashboard, selecting Divi, then Theme Options-> Theme Head.

https://elegantmarketplace.com/how-to-add-a-second-phone-number-to-the-divi-theme-header/

Sent from my Samsung Galaxy smartphone.

20 Websites To Get Free Vector Designs, Images And Icons – TemplateToaster Blog

As a web or graphic designer you might need some good resources of vector designs, vector images and vector icons for inspiration and sometimes for using some freebies for your projects. We have made this post for you and all other designers out there, to give information about some of the best free vector resources.

https://blog.templatetoaster.com/20-websites-get-free-vector-designs-images-icons/#utm_source=F&utm_medium=M(divicomment)&utm_campaign=N

Sent from my Samsung Galaxy smartphone.

WordPress Demonstration Plugin | MotoPress

Create WordPress Demo for any Product with Demo Builder
Ultimate solution for building beautiful WordPress demonstarions of how your product works and providing trial back-end accounts of your themes and plugins. Best plugin for displaying the key benefits of your work via the personally crafted front-end presentations and access to back-end trials.

http://www.getmotopress.com/plugins/demo-builder-plugin-for-wordpress/

Sent from my Samsung Galaxy smartphone.

Divi Extended Google Fonts

This plugin does a very simple job… it extends the number of Google Fonts offered by Divi significantly. There’s no setup process.. simply activate the plugin and when you customise the site via the ‘Divi theme customizer’, Theme options panel or any Divi Builder font selection list you’ll see not 50 fonts there but over 700!

https://elegantmarketplace.com/downloads/divi-extended-google-fonts/

Sent from my Samsung Galaxy smartphone.

How to add sovial logos to divi heafer and footer

Hi All! Hoping this can help a few of you newer folks out. This is the “hack” I use to easily add Instagram, Youtube, Pinterest and other social networks logo to my top and bottom bar without adding code and being able to keep all the options in the Divi General Options area.

Hope it helps!

https://youtu.be/kH9eVJBeUsg

Sent from my Samsung Galaxy smartphone.

NASA Image and Video Library

No matter if you enjoy taking or just watching images of space, NASA has a treat for you. They have made their entire collection of images, sounds, and video available and publicly searchable online. It’s 140,000 photos and other resources available for you to see, or even download and use it any way you like.

https://images.nasa.gov/#/

Sent from my Samsung Galaxy smartphone.

Website Security for Non-Techies

Never Lose The Time, Hard Work, Money and Sacrifice You Invested to Build Your Website – Just Because You Overlooked to Secure Your Website!
Website Security Can Be Done Even By a Non-Techie Like You

https://page.co/9ZXy

Sent from my Samsung Galaxy smartphone.

10 Dropdown Animations for Divi Submenu – Divi Tutorials Directory

Divi theme has some cool dropdown animations built in and you can easily select the desired one in the Customizer settings but I would like to expand this list of dropdown animations by sharing with you 10 more effects. I have been experimenting with menu animations and found some really cool ones. They are based on pure CSS and work well with Divi after I made some CSS code adjustments. The only problem is that the “backwards” animation does not work due to the fact that Divi adds et-dropdown-removing CSS class to the dropdown menu on mouse leave which hides dropdown menu by applying display:none; rule which is not animatable, hence the submenu disappears immediately. Anyway, the animations look nice, feel free to check out the original demo here and the demo for Divi by clicking the demo button below. If you like what you see then continue reading the implementation instructions.

https://divi.tutsdirectory.com/listing/10-dropdown-animations-for-divi-submenu/

Sent from my Samsung Galaxy smartphone.

The Ultimate Guide to Using Images within Divi

Divi makes adding images to your website easy. The challenge for some however, is knowing the correct image sizes to use in each instance. There is no standard “perfect” size for all websites because each website is different. But, there are some things you as a web designer can do to make sure your images are a good fit for your Divi site. Which is where this post comes in!

In this article I’m going to take the guess work out of using images within Divi and teach you how to find (or create) the perfect size images for your Divi website, every time.

https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi

Where in the World is Jane?

May 2017
Travel / Blogging in Xinjiang, NW China

Follow my Trip Blog here

Urumqi, Turpan, Korla, Kuqa, Aksu, Kashgar, Tashkurgan.

Hiking in Wakayama, Japan - Kumano Kodo pilgrimmage trail

July - November 2017
Alice Springs - available for IT/Massage/Counselling

December 2017
South Korea - family visits
Chiang Mai - study

Best Wordpress Hosting

Web Hosting

Living the life of a millionaire without the bother of all those $$$ .......

Seriously, you don't need much money to live like a millionaire.. quite the opposite.

In 2010 (7 years ago) I came up with my adventure lifestyle challenge. I wondered whether it would be possible to work for 12 weeks, travel overseas for 4 weeks, then repeat... I also divided up my day, working from home, doing Web Site Design in the mornings and Massage in the afternoons. I am also a professional WordPress mentor helping people across the globe achieve their dreams. Both businesses now have clients on a 6-12 month waiting list... Strangely, the less I worked the more $ I made....

How did I do it? I'm still looking back defining all the little turns in life which lead to this balance, and writing a course to help you do the same..