|

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

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

Similar Posts

|

Center and crop image with pure CSS

ByTawfiqur Rahman

It’s simple. Set your image crop dimensions and use this line in your CSS: img { object-fit: cover; } That’s it. No need for unsemantic, wrapping divs or any other nonsense. This technique works great for cropping awkwardly-sized pictures down to squares or circles. Take this wide photo below for example. Once object-fit: cover is applied to the…

| |

How to Make WooCommerce Store Exclusive to Logged-In Users

ByTawfiqur Rahman

Creating a secure shopping experience on your WooCommerce store can be as simple as ensuring only registered users can view your products and shop. This guide will show you, in easy steps, how to direct anyone who isn’t logged in to the login page. Using a Simple WordPress Code To make your store private, you’ll…

Changing the font size, line height and code box padding of Syntaxhighlighter Evolved plugin
| |

Changing the font size, line height and code box padding of Syntaxhighlighter Evolved plugin

ByTawfiqur Rahman

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….

|

Divi 4: How to Collapse/Show submenu items in the mobile menu

ByTawfiqur Rahman

1. Set up Your Menu Add Menu Items & Sub Menu Items The first thing you need to do is create your menu. Add the sub-items of your choice. Add CSS Class Option Once you’ve added the menu items, you can enable the CSS classes option by clicking on ‘Screen Options’ and enabling ‘CSS Classes’….

Leave a Reply

Your email address will not be published. Required fields are marked *

One Comment

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

    Reply