background preloader

Tutorials

Facebook Twitter

Customizing the Divi WordPress Theme - Calcatraz. This post contains affiliate links to products which we hope are of value to you, and on which we receive a commission.

Customizing the Divi WordPress Theme - Calcatraz

This post is a collection of tips and tricks for getting the most out of the powerful Divi Theme by Elegant Themes. WP Theme FAQs. How to Fix Divi Contact Module Captcha Problems The Divi Contact from uses a math-based captcha to help cut down on spam.

WP Theme FAQs

However, in some cases you may find that when you (or your users) enter the form, they receive a message that the captcha code is incorrect. Assuming the code is in fact entered correctly, there are a variety of reasons why this error may occur. One of these is load balancer problems. Load balancing is a technique used by many web hosts to handle the amount of traffic the sites that they host (such as yours) receive. Divi Footer Editor Plugin I’ve previously written about how you can change the footer links in Divi.

Add Semi-Transparent Background to Divi Slider Text - WP Theme FAQs. Here’s how to add a semi-transparent background to the Divi Theme’s slider text.

Add Semi-Transparent Background to Divi Slider Text - WP Theme FAQs

It is responsive, just like Divi itself. To create the effect, we need to add some CSS to Divi, like so: You can change the slider color and transparency by modifying the line which reads: background-color: rgba(0, 0, 0, 0.5); The first three values are the red, green and blue components (0-255) and the last one is the opacity (0-1). If you want to place the slider button inside the semi-transparent box, you’ll need to add a little bit of JavaScript into footer.php (before the final </body> tag), like so: <script> jQuery(function($){ $(".et_pb_more_button").wrap('<div class="et_pb_more_button_wrap"></div>'); }); </script> Note that a consequence of keeping the way Divi lays out the page is that the slide text (and background box) will not necessarily be vertically centered – because Divi puts all the slide titles at the same position.

Here’s the result: Using Premade Layouts. Where to Find Them To get started you will want to add a new page or project and enable the builder.

Using Premade Layouts

From the builder’s layout options, you are going to want to click the ‘Load Layout’ option. Divi ships with a variety of premade layouts. Because these come with pre-placed modules with dummy content already loaded, these are a great way to get started. The primary workflow for using Divi’s premade layouts is to replaced the existing elements, like images and text, with your own content. Premade Layouts List. Customizing the Divi WordPress Theme - Calcatraz. This post contains affiliate links to products which we hope are of value to you, and on which we receive a commission.

Customizing the Divi WordPress Theme - Calcatraz

This post is a collection of tips and tricks for getting the most out of the powerful Divi Theme by Elegant Themes. If you’ve installed the Divi theme and need some help adjusting the appearance to suit your needs, let me know in them comments and I’ll do my best to help you out. 43 Web Design Mistakes You Should Avoid. By Daniel Scocco There are several lists of web design mistakes around the Internet. Most of them, however, are the “Most common” or “Top 10 mistakes.” Every time I crossed one of those lists I would think to myself: “Come on, there must be more than 10 mistakes…”. Then I decided to write down all the web design mistakes that would come into my head; within half an hour I had over thirty of them listed. Afterwards I did some research around the web and the list grew to 43 points. The next step was to write a short description for each one, and the result is the collection of mistakes that you will find below. 1. 2. 3. 4. 5. 6.

How to Create a Multilingual WordPress Site. At some point you may find that you want to offer more than one language on your WordPress site.

How to Create a Multilingual WordPress Site

Perhaps you want to appeal to a more international audience, or maybe you’re building an e-commerce site that will serve a diverse community that speaks multiple languages. Luckily for you, the WordPress community has already thought of this. How to Create Custom Post Types in WordPress. Often people mistakenly classify WordPress as just a blogging platform.

How to Create Custom Post Types in WordPress

Over the past years, WordPress has evolved into a robust content management system. By default WordPress comes with post and pages as the main content types. How to Create a School Website with WordPress. WordPress is a fine platform for building websites for schools.

How to Create a School Website with WordPress

And, you have lots of options. This can be a website that works like a brochure that gives information about the school, a website where students can see their student information, or a full online school where students can log in and take classes through the website. How To Use And Embed An Icon Font On Your Website. Last week we released a pack of 100 line-style icons.

How To Use And Embed An Icon Font On Your Website

Today we are releasing those exact icons in the form of a 100 piece icon font along with an extensive tutorial about how to use them. Icon fonts are great for their scalability on high-resolution displays and they can be treated and styled exactly like text. Below are steps to embed and use icon fonts on your very own website. Note that Icon fonts do not work in some Windows mobile browsers. Download The Font Pack Embedding an Icon Font 1. 2. How To Create A Child Theme, And Why You Should Be Using One. According to our recent WordPress Themes Survey, 85% of our customers customize their themes, and only 35% use a child theme when doing so.

How To Create A Child Theme, And Why You Should Be Using One

This may be due to a lack of understanding as to what a child theme is, or due to the perceived difficulty of creating one. In this tutorial, we will go over how to create and use child themes, and why using them is so important.