Select Page
How to fix “Divi Builder Timeout” Error

How to fix “Divi Builder Timeout” Error

In this article i’m going to show you how to fix the divi builder timeout error with a simple line of code. By adding a mod_substitute directive to your .htaccess, you encrease the processing memory for the Divi Builder. Before you start, keep in mind that you should backup your file, before you make any changes.

Go ahead and locate your .htaccess file, open it, and insert the following code at the top of the document.

1
2
3
4
5
# BEGIN FIX divi builder timeout error
<IfModule mod_substitute.c>
SubstituteMaxLineLength 10M
</IfModule>
# END FIX divi builder timeout error

You can read more about mod_substitute directive in apache’s documentation.

Quick fix when Divi row section or module “disable on mobile” is not working

Quick fix when Divi row section or module “disable on mobile” is not working

At some point I was working on a website for a client and wanted to hide a row, section or module, to be viewed only on specific device type. It was very, very frustrating to see that even if checked the box it wasn’t working as intended.

I’ve search the internet for a solution but i’ve found that no one had this issue (or no one posted on this subject).

But actualy there is a solution that can resolve the issue with just adding a little bit of custom CSS to the child theme. The code works with Divi or any other theme that you might use for your website.

If you use a Divi child theme as I do, go to your Custom CSS. It’s located under Dashboard>Divi>Theme Options>Custom CSS

Go ahead and add the following code to Custom CSS

1
2
3
4
5
6
7
8
@media screen and (max-width: 599px)
{
.mobileoff {display: none;}
}
@media screen and (min-width: 600px)
{
.desktopoff {display: none;}
}

Now go to the row section or module and add to the CSS class field settings the specific class that you need. For example use mobileoff  if you’d like to hide a module on devices smaller then 599px or desktopoff if you’d like de hide a modul on devices larger then 600px.

Remember that you can rename the css class with whatever you want/ and you can change the max/min width to fit your needs.

How to add Facebook Comments to WordPress without a plugin

How to add Facebook Comments to WordPress without a plugin

Instaling Facebook Comments to replace your standard wordpress comment system can drive more engagement and shareability to your blog articles.

I will explain below, how to add Facebook Comments to WordPress without a plugin, in 3 easy steps.

Here are some reasons why you might want to do that:

  1. Less additional code – With more and more plugins on your wordpress instalation you are adding more unnecessary code that may slow down your website. Less plugins you have the better, especially if you already have lots of plugins installed.
  2. It is more secure – Every time you add a plugin, you might open up to malware injections and hackers will exploit every security hole, espepcialy if the plugin is not up-to-date, and this can cause alot of problems for you. If you don’t trust the author, do not install that plugin. Research first if the plugin is trusted by others, of it has a good support community etc. NOT ALL PLUGINS ARE CERATED EQUAL.
  3. Fast and easy installation – The thing is that manualy setting up facebook comments is easier then you think and all it takes is a couple on minutes. See the proccess below.

 

STEP 1: The Setup of Facebook Comments

Go ahead to the official Facebook Comment developer page and setup your own settings. Type the path to your blog page ex: https://mywebsite.com/blog, insert the desired width (% – for responsive full width, px – for specific width), number of desired post, and hit “Get Code” to generate the code.

Your code will look like this

1
2
3
4
5
6
7
8
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Inside your WordPress Dashbord go to Appearance> Editor and look for the file header.php and right below the < body > tag, insert the generated facebook code.

For Divi and Extra Theme users: Go to Divi>Theme Options> look for the Integrations tab, Enable Body Code if you didn’t do that already and insert the code on the right of “Add code to the < body >”.

You can also achive this with FTP if you know your way around.

Note! – You should use a child theme.

STEP 2: Installing the Facebook Comment Code

Place the code below (or the oneyou got generated from facebook) where you want the comments to appear (usualy at the end of your posts). This code utilizes dynamic functions to make Facebook Comments unique for each page. You should look for single.php file to edit inside your theme/child theme folder.

1
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="5" data-mobile="Auto-detect" data-colorscheme="light" data-order-by="time"></div>

Here is an example where i’ve put the code for this blog

How to addFacebook Comments to WordPress without a plugin

To see the full list of display options and tags, visit the Facebook Comments settings.

STEP 3: Testing your setup

So you’ve got to this part of the tutorial. You’ve placed the two code in the right places, and now is time to check if your implementation works. Now you can visit a few of your blog posts to verify if everything is functioning and shows properly.

That is it!

Feel free to leave a comment and share with your friends.

How to extract the actual URl from the hyperlinks in Excel

How to extract the actual URl from the hyperlinks in Excel

To extract the actual URl from the hyperlinks in Excel (the url address), you will need to create a function in Visual Basic. Don’t worry, it’ actually less complicated then you think.

  • Press down ALT and F11 to open up the Microsoft Visual Basic for Applications.
  • Click Insert then go to Module and insert the code below inside the module window.
1
2
3
4
Function GetURL(pWorkRng As Range) As String
'Updateby20140520
GetURL = pWorkRng.Hyperlinks(1).Address
End Function

  • Save the code before you close the window.
  • Go back to your sheet and select a blank cell (where you want to display the URL) and type =GetURL(A1) formula.
  • Press Enter and you’ll be able to see the hyperlink address is extracted.

That’s it!

How to Redirect all HTTP requests to HTTPS with htaccess

How to Redirect all HTTP requests to HTTPS with htaccess

Access your website via FTP or via your server’s File Manager and search at the root of your WordPress instalation for the .htaccess file. Here you have 3 solutions to solve the same question:

How to redirect all HTTP request to HTTPS.

Before you edit the .htaccess file, I recommend to make a backup to be able to revert your changes (in case something goes wrong).

So here you go, copy and paste the code below in your .htaccess file, save it, and re-upload it.

Solution 1

1
2
3
RewriteEngine On<br />
RewriteCond %{HTTPS} off<br />
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

These lines of code will direct all HTTP requests to https://www.example.com as well as redirect https://example.com to https://www.example.com.

Solution 2

1
2
3
4
5
RewriteEngine On<br />
RewriteCond %{HTTPS} off<br />
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]<br />
RewriteCond %{http_host} ^example.com [NC]<br />
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]

Solution 3

1
2
3
4
5
6
RewriteEngine On<br />
RewriteBase /<br />
RewriteCond %{HTTP_HOST} ^domain.com$ [OR]<br />
RewriteCond %{HTTP_HOST} ^www.domain.com$ [OR]<br />
RewriteCond %{HTTPS_HOST} ^domain.com$<br />
RewriteRule ^(.*)$ "https\:\/\/www\.domain\.com\/$1" [R=301,L]

Leave a comment with what worked for you. Go ahead and share if you have a different aproach.