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…
Add a Standard Section and insert a fullwidth column. Click to edit the Section Settings and, under General Settings, change the following: Under Custom CSS add the following: CSS Class: tr_two_col Save & Exit Implementing the Two-Column Grid Layout By default, the blog grid has a three-columnn grid layout. To change this to a two-column…
![Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]](https://i0.wp.com/blog.tawfiq.me/wp-content/uploads/2017/11/Use-Different-Logo-on-a-Fixed-Header-in-Divi-Theme.png?fit=768%2C292&ssl=1){kind=logo}
Make two versions of your logo that are both 200×131 and add them to your WordPress Media library. One logo will be used for the main header and one will be used for your fixed header. Insert CSS Snippet to Switch Logo on Fixed Header One of the simplest ways to switch your logo image…
SSH is a lot faster downloading WordPress and uploading it to your server than via FTP. These are the SSH commands to get the latest WordPress package and install it on your server. To run these commands, you must have an SSH client installed. In Mac OSX and Linux SSH client is build it with Terminal…