The Fullwidth Header section in Divi gives you the option to create a background overlay. However, for standard sections (or any other location) that option is not available. This tutorial will show you how to add overlay color to the parallax background image on standard Section. This overlay makes reading the text easier especially when…
The Divi Bottom Bar, located just below the WordPress footer, is a perfect place for Copyright © 2019 information. If you do not want to add a dynamic year, it is easy enough to just edit the text in the Theme Customizer by editing the Footer->Bottom Bar->Edit Footer Credits field. But every year you have…
Theme Options > Custom CSS Note: we should use id=”icon-love”, otherwise it will be overwrite by #footer-info styles. Inline style will not work also.
Does your WordPress site show an error message similar to this? 1. Increase PHP Memory Limit in WordPress, wp-config.php file you need to paste this code in wp-config.php file just before the line that says ‘That’s all, stop editing! Happy blogging.’ This code tells WordPress to increase the PHP memory limit to 128MB. 2: Theme Functions…
By Default Syntaxhighlighter Evolved plugin came with no top and bottom padding and very tight line height. If you are someone like me who love some breathing space in between every section in a WordPress post then you can try the below CSS code snippet. Screenshots are attached before and after applying the CSS code….
It does seem a little odd that image left and right alignment is not included as a setting in the divi fullwidth slider module. By default when you place an image in fullwidth slider it places left side of the text, what if you want to place the image in right and text on left….
If you want to show your content center align on mobile devices for some specific section then you can do this very easily via CSS.add a custom CSS class of ts-center-text-mobile in Text Module settings and use this bit of CSS in Divi > Theme Options > General > Custom CSS section If you want to…
Avada fusion tabs, the horizontal tabs work well on a desktop when viewed on mobile the tabs become vertical (which is good) but the content appears under the specific tabs pushing the rest above and/or below the open contents (which is bad). Many mobile users may not even realize that there are more tabs if they…
Update 11/09/2018 For the instructions outlined in this tutorial to work, you must use version 6.77 or earlier of the All-in-one WP Migration Plugin. You can download version 6.77 here, all-in-one-wp-migration.6.77 In the constants file… /wp-content/plugins/all-in-one-wp-migration/constants.php Find this… // ================= // = Max File Size = // ================= define( ‘AI1WM_MAX_FILE_SIZE’, 2 << 28 ); and replace…
I use Avada Theme to design my website and Fusion Builder for page design. I place all my custom CSS for the style Paid Membership Pro Member Checkout form in the Fusion Builder custom CSS section (see the image below). form.pmpro_form > div{ margin: 30px 0; } #pmpro_form .pmpro_checkout h3{ display: block; font-size: 32px; color:…
.rev_slider .slotholder:after { width: 100%; height: 100%; content: “”; position: absolute; left: 0; top: 0; pointer-events: none; background: rgba(255, 255, 255, 0.5); } Can do the same for section background image, just need to add a class to the container and put the .classname in place of .rev_slider .slotholder
By default the Divi Theme displays a dividing line between the main content and the sidebar. It’s possible to remove this dividing line using CSS.Note that there are two cases in which a dividing line may occur (either on a standard sidebar, or on a sidebar module). Remove divider line between content and sidebar from…