Web Hosting

Two Line Toggles and Buttons in Divi | Divi Soup

Last week I was helping out a member of my Facebook Group with creating two lines of text in the Toggle module.

As you may know, the title fields of the Divi modules don’t support HTML, therefore getting two lines of text is close to impossible without JavaScript. But there is a way around this using the :before and :after pseudo elements, and as we have those fields in the advanced tab of the modules, it’s still relatively simple for clients to edit without breaking anything 😉

https://divisoup.com/two-line-toggles-and-buttons-in-divi/

Sent from my Samsung Galaxy smartphone.

Vertically Center Text or Other Modules in a Row – Divi Notes

Wouldn’t it be nice if there was a quick and easy way to vertically align a Divi Text Module or any other module for that matter in the row that it’s in? Well, many folk would do this with the Divider module or with padding, but in this tutorial, I’ll show you how to do it with a little bit of CSS.

THE EXAMPLE

In the example below you’ll see that both text modules are vertically centered to the row they’re in.

https://divinotes.com/vertically-center-text-or-other-modules-in-a-row/

Sent from my Samsung Galaxy smartphone.

Divi Plugin List With Descriptions – Divi Theme Resources

https://www.divithemeresources.com/

Divi Plugin Index

A Simple List of Plugins Built Specifically for Divi

Divi Plugins

Divi Community Favorites:

  • Divi Booster – makes customizing Divi a breeze
  • Aspen Footer Editor – easily edit your Divi website’s footer information
  • Divi Builder Everywhere – use the Divi modules in the header, footer and sidebar
  • Divi Switch – 43 toggles giving you access to no fewer than 70 customizations in literally thousands of possible combinations
  • Divi Widget Builder – lets you build your own widgets using the Divi Page Builder.
  • Bloom Email Opt-in – add opt-in forms to your website, by the makers of Divi
  • Monarch Social Media Sharing – by the makers of Divi
  • Fullwidth Header Extended Module – add various animations and effects to your header
  • A Mobile Friendly Divi/Extra Page Builder – make the Builder more usable on mobile devices
  • Divi Ghoster – replace Divi and Elegant Themes’ branding with your own brand on the back-end of WordPress
  • Divi Image Intense – expands on the Divi imagemodule to give you 20 different overlay and hover effects
  • Divi Dashboard Welcome – gives you control over the WordPress dashboard welcome screen
  • Divi Staff – manage and display your staff & departments more intuitively using new custom post types, archive templates and modules built exclusively for use with the Divi theme.
  • Testify – Create an attractive and engaging testimonial section for your website, including guest submission with Caldera Forms
  • Divi Overlays – add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc.
  • Aspen Grove/Divi Space All Access Pass – Access to all the child themes, layout packs and plugins by Aspen Grove and Divi Space!

Other Handy Divi Plugins:

Sent from my Samsung Galaxy smartphone.

Divi Plugins | WordPress Plugins for Elegant Themes Divi

Our Divi Plugins are custom WordPress plugins developed specifically for the Divi theme by Elegant Themes, extending the functionality and features of the Divi theme. Divi Plugins are also easy to use. Simply install one of our plugins and you’ll find new modules within the Divi page builder. You can use the new modules just like you use the default modules that come pre-loaded with the Divi theme. And just like the default Divi modules, our plugins are easily configured in the module settings.

Divi Plugins are also consistently updated to work with the latest version of the Divi theme. So what are you waiting for? Stop spending countless hours in the Elegant Themes support forum! Download a Divi Plugin and super charge your Divi website with new modules!

https://diviplugins.com/

Sent from my Samsung Galaxy smartphone.

! How to use CSS Grid in Divi – Tutorial for Divi | Divi Soup

R33: HOW TO USE CSS GRID IN DIVI

by Michelle | Sep 13, 2017 | Advanced, CSS Tips & Tricks, Layouts | 0 comments

R33: How to use CSS Grid in Divi

I’ve been creating a lot of layouts recently that require breaking out of the constraints Divi imposes through its 4 column layout limit.

There are a number of ways to achieve this; the built in column shortcodes, specialty sections, floats, flexbox and even plugins.

But the single most powerful and more importantly, fun way to do this is to use CSS Grids.

I’m in love with CSS Grids. Seriously, this relatively new CSS3 functionality is going to change your life!

https://divisoup.com/how-to-use-css-grid-in-divi/

Sent from my Samsung Galaxy smartphone.

WP Help — WordPress Plugins

Description

Site operators can create detailed, hierarchical documentation for the site’s authors, editors, and contributors, viewable in the WordPress admin. Powered by Custom Post Types, you get all the power of WordPress to create, edit, and arrange your documentation. Perfect for customized client sites. Never send another “here’s how to use your site” e-mail again!

NEW: You can now pull in help documents from another WP Help install, and they will be automatically updated when the source documents change (even additions and deletions!). Perfect for WordPress multisite installs, or consultants with a large number of client installs.

https://wordpress.org/plugins/wp-help/

Sent from my Samsung Galaxy smartphone.

! Timeline

TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS’s core functionality.

http://timeline.knightlab.com/

Sent from my Samsung Galaxy smartphone.

! Reveal a Hidden Divi Section, Row, Or Module On Button Click – Divi Notes

Sometimes you want to keep your page clean but still want to have “more” content available to your visitors without them having to navigate away from the page they’re on. In this tutorial, I’ll show you how to toggle a Divi section, row, or module when you click on a button.

This tutorial is a minor variation of a tutorial I found on creaweb2b.com called Custom Toggle Section In Div

https://divinotes.com/reveal-a-hidden-divi-section-row-or-module-on-button-click/

Sent from my Samsung Galaxy smartphone.

! How to ask for email addresses before allowing access to content on your website

You’ve got your first bracket here, which shows which opt-in form it’s going to grab, and then kind of the closing bracket. This content that’s in the middle here, this is what you’re actually locking people out of, so once they fill out the form they’re going to have access to whatever I put in between those two brackets. So what I’m going to do is, I’m going to put a “Download” link.

Screenshot13

https://mozaictech.com/2017/02/08/ask-email-addresses-allowing-access-content-website/

WooCommerce List View For Divi Theme | Divi Kingdom

WooCommerce List View For Divi is a simple plugin to bring the classic blog list style into your store. The plugin changes the default WooCommerce grid view of Shop, Categories & Tags to a simple blog list style. The WC List View plugin comes with extra options to display the product short description, read more button & add to cart button.

Features:

  • Enable list view for shop page, categories & tags individually.
  • Display Product short description for each product in the list.
  • Display Read more button.
  • Customize the read more button text.
  • Display add to cart button.
  • Customizing the buttons style.
  • Responsive design.

https://www.divikingdom.com/woocommerce-list-view-for-divi-theme/

Sent from my Samsung Galaxy smartphone.

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.

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

Feb-May 2018
Alice Springs - available for IT/Massage/Counselling

June / July 2018
Tokyo
Morocco
London

Aug-Oct 2018
Alice Springs - available for IT/Massage/Counselling

Best Wordpress Hosting

Web Hosting