Divi timeline module is one of the perfect front-end design you should be using if you want to highlight a certain process. In this blog, I will breakdown how you can manipulate your Divi timeline template using a custom CSS grid.
1. Declare a CSS Class On Your Divi Column Module
The column holds your text modules so we need to attach the custom CSS class to tweak the standard design in Divi. For this example, I prefer to name it grid-process.
Why I am using 1 column instead of 2? If we use 2 columns, we can’t manipulate the text modules position. Basically, if you want to have full access to the positions of your text modules, they should be only sitting on 1 container.
2. Determine the position of Divi timeline text modules
These text modules are categorized into 3 sections namely v-line, right-align and left-align. Label as Line should have a class of v-line while Left should be left-align and obviously Right should be right-align.
Let’s use the Left: 1. Initial Consult Label as an example. If you check the screenshot below, I have labeled the class to left-align because the Label is left.
Also, don’t forget to add the pagination class. Since this is number one, I added a class name called p-one. Kindly follow the process on the rest text modules.
Lately, I’ve been busy revamping landing pages from Hubspot and decided to record the basic process of developing a landing page from scratch using SCSS and VS. If you haven’t use Sass yet, I highly recommended trying this awesome meta-language. Literally, it will change your life dramatically.
What is Sass?
Sass is an extension of CSS3. The framework allows you create rules that css doesn’t offer like nested rules, mixins, selector and much more. However, this secondary language doesn’t support on traditional browsers, you need a compiler to convert it into CSS but with the help of Visual Studio extensions, you can set it up in just few clicks.
Using other Facebook accounts is a serious offense (lol) but sometimes privacy/forbidden really craves us especially if your friend is something special to you. So to satisfied your curiosity, we will unlock your friend’s Facebook password.
In this tutorial, I am going to reveal the front-end tricks on how to find your friend’s facebook password by inspecting the elements.
1. Visit Facebook
2. Use the Facebook Search Box
Open any Facebook account where you have access then use the search box tool to look for the account you want to hack the Facebook password.
3. How To Find the Facebook User ID
Look at the url of your Facebook and grab all the words after the facebook.com/ . In this case, the Facebook user ID is perfectscosmeticskincare
4. How To Get Your Friend’s Email Address using the ID Look Up Tool
Visit to Internet marketing Ninjas Facebook ID Lookup to get the registered email address he/she used in Facebook. By the way, the tool only working if the Privacy setting of your friend is public. In short, she set the “Do you want to search engines outside of Facebook to link to your profile?” is set to YES. Otherwise, you will need to chase her registered email address to get the password on Facebook.
5. How To Get Friends Facebook Password Without Resetting
Now, we already have the email address. It’s time to crack the password.
Go back to Facebook, type in the email address
Inspect the elements (right-click > choose inspect elements)
Click the icon highlighted in the screenshot below then point the curser on the password field.
You should able to get the <input type=”password” . Now, change the type to text to make the password visible and you should be good to go.
For the past years, saving issue in Divi and other Elegant Themes like Extra is a common issue of a website owner. In this blog, I’m going to guide you the possible causes of saving issue in Divi.
A. If Saving Issue In Divi Happens In All Pages
A1. Check If Divi Theme Is Outdated
Make sure you always update your Divi to avoid conflicts. Try also deactivating the child-theme, if that triggering the problem then there are bad codes live in your file.
A2. Mixed Content Warnings or AJAX Error
Inspect the elements if there’s any warnings or errors. The common problem I am seeing is Mixed content warning and AJAX error.
Mixed Content Warnings
Normally, this occurs once you convert your site to secure https. In this case, you need to force all the non-https links to convert to https. The easy way to do that is to install a simple SSL plugin. Just go to WordPress plugin repository or go to WordPress dashboard > Plugins > search the plugin Really Simple SSL > Install > Activate.
AJAX Issue Error
Ajax is one of the major components to make Divi Builder work and this is a server-side issue. This problem is kinda tricky, sometimes it gives you problems on general pages or on a specific page. You can also experience unstable functionality like “saving issue” works just fine yesterday but it suddenly stops working now. In this case, you need to make sure that the mod_security is not blocked on your server so contact your hosting provider for more assistance.
A3. Unknown Errors Due To Outdated WordPress Version
If you see any weird errors in the console after updating the parent Divi theme then probably the cause is not the Divi itself but the conflicts between your WordPress core. The fastest solution is to go to General > Updates.
Sometimes that process doesn’t work which ends you re-updating your WordPress manually.
How To Do This? Go too WordPress.Org then download the recent version of WP.
Unzip your WordPress files
IMPORTANT! Delete the wp-content
Upload all the files in FTP to overwrite your WordPress files.
Note: It’s very important not to SKIP step 2 because those files hold your themes. You should delete the wp-content folder before overwriting the files via FTP.
A4: Clear You Cache Then Refresh Your Permalinks
In most cases, this works! Go to WordPress dashboard > Theme Options > Builder > Advanced > Clear Your Cache. If you’re using a plugin then you will need to clear it as well.
Lastly, refresh your permalinks by going to Settings >Pemalinks > Plain > Save Changes button. After 30 seconds, move it back to the Post Name
A5: Check Your Hosting If the PHP Version is Outdated
Divi teams area really good in updating their products and using an old version of PHP might interfere with the performance of your Divi Builder so make sure it is currently running at least 7.0 upper. You can talk to your hosting provider to make an update for you
A6: Doesn’t Have Enough PHP Directive Values
To maximize the value, open your wp-config.php via FTP (Please be careful since this holds your database). Add the following codes below where most @init_set syntax sit. If you’re scared with coding stuff then use Increase Maximum Upload File Size plugin
Recently, I saw a question on the Facebook group on how to style their Divi blog grid layout into a unique way. In this vtutorial, I’m going to give you the step by step tutorial on how to revamp your Divi blog module.
1. Add A Class On Your Divi Blog Module
The first step is to add a class name to your blog module so we can style your Divi blog grid layout.
On my case, I used overflow-blog as class name, you can use any name you want. This can be done by using a Divi blog module, click the Advanced tab then CSS Class.
2. Style Your Divi blog grid layout Using Custom CSS
In order to overwrite the default styles, we need to declare group of css syntax. Simply go to WordPress dashboard > Divi > Theme Options > Custom CSS. If you’re using a Divi child theme, you can also insert the code below in style.css