Divi | Snippets

How to float/align content left and right in a Divi Text Module

ByTawfiqur Rahman Published:January 31, 2020November 4, 2022 Last Update:November 4, 2022

<p><span style="display: inline-block; float: left;">OPTION #1 </span><span style="display: inline-block; float: right;">$25pp</span></p>

Tawfiqur Rahman

I'm a freelance WordPress Developer and Project Manager. Specialize in WordPress, Woocommerce, Custom WordPress Theme and Plugin Development, and Shopify. Highly skilled in HTML5, CSS3, SCSS, JavaScript, jQuery, Ajax, ES6, Bootstrap, PHP and MySQL.

CSS | Divi | Wordpress

How to Change the Background color of Divi Toggle Module Title and Icon
ByTawfiqur Rahman June 15, 2019November 4, 2022

By default Divi Toggle Module didn’t have any style for Toggle open view. It’s look very plain like the below image. We can add a little CSS to add Background color to the Toggle title and make it stand alone from rest of the content. Copy above CSS code in your Divi Theme Option or…

Read More How to Change the Background color of Divi Toggle Module Title and Icon
Plugin | Snippets | Wordpress

How to add FacetWP Reset Filters button
ByTawfiqur Rahman April 17, 2020November 4, 2022

If you want to add a button to reset your FacetWP filters, you may use the snippet below: Reset FacetWP Facets Reset all facets: FWP.reset(); Or reset one facet: FWP.reset(‘make’); Or reset multiple facets: FWP.reset([‘make’, ‘model’, ‘year’]); Or reset individual values: FWP.reset({ ‘make’: ‘audi’ }); Use onclick for buttons and other HTML elements: <button value=”Reset” onclick=”FWP.reset()” class=”facet-reset”>Reset</button> Don’t know where to write this code?…

Read More How to add FacetWP Reset Filters button
CSS | Divi | Snippets | Wordpress

Add “Made with Love” with a Heart in Your Divi Footer Credits
ByTawfiqur Rahman November 23, 2018November 4, 2022

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.

Read More Add “Made with Love” with a Heart in Your Divi Footer Credits
Snippets | Uncategorized | WooCommerce | Wordpress

How to add a Back to cart button on the Woocommerce Checkout page
ByTawfiqur Rahman November 6, 2020November 4, 2022

Do you want to display a “Back to Shopping Cart” button on the WooCommerce checkout page? You can use the woocommerce_before_checkout_form action hook to do this. Add this code in the function.php file of your active child theme (or theme) or also in any plugin file. Reference Link: Stackoverflow

Read More How to add a Back to cart button on the Woocommerce Checkout page
Divi | Snippets | Wordpress

How to Create Side / Vertical Tabs Layout in Divi
ByTawfiqur Rahman April 20, 2019November 4, 2022

Tabs in the Divi theme are placed on top by default. There is no option to control the positioning of the tabs and thus if you are looking to move the Divi tabs on the left in the vertical position, there is some custom CSS required to achieve this. We are not making this changing…

Read More How to Create Side / Vertical Tabs Layout in Divi
Divi | Snippets | Wordpress

Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]
ByTawfiqur Rahman November 16, 2017November 4, 2022

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…

Read More Use Different Logo on a Fixed Header in Divi Theme [Fixed Firefox issue]

One Comment

Harsimran says:

May 20, 2021 at 11:32 am

Can We Add More Under This but these must be alliged. in your code Text In New Line will Distorted

Reply

Similar Posts

Leave a Reply Cancel reply

One Comment