Latest Posts
Create a Custom Divi Hero / Header Section with Badge
Here’s a tutorial on creating a cool header section using... Read more
Here's a tutorial on creating a cool header section using the Divi Builder. In this tutorial, we create a different view for desktop and mobile. We add an image to look like a badge, make a button using the text module, and insert an Elegant Themes icon. If you like the layout, you can build it yourself by following along with the tutorial. Or you can skip to the end and download the importable Divi file for free by clicking this link.
Text:
- <h1>Stop Spammers</h1> <p style="font-size:26px;">The best FREE anti-spam plugin on WordPress entrusted by 60K sites.</p>
- Padding-left – Desktop: 8%
- Padding-left – Mobile: 25px
- Alignment – Desktop: Left
- Alignment – Mobile: Center
- Shrink header text on mobile
- Text: <p style="font-size:26px;"><strong><span class='et-pb-icon' style="font-size:20px;"> </span> Download</strong></p>
- Background: #eb4296
- Hover: #0F2540
- Padding: 15px
- Margin-left – Desktop: 8%
- Margin-left – Mobile: 0%
- Link: https://wordpress.org/plugins/stop-spammer-registrations-plugin/
- Open new tab
- Max-width: 450px
- Desktop
- Margin-top – Desktop: -77px
- Margin-bottom – Desktop: -50px
- Mobile
- Margin-bottom: 0px
- Padding-top: 50px
- Margin-top: 0px
- Desktop
- Background: Clear
- Margin-bottom: 50px
- Mobile
- Gradient 1: #0078be
- Gradient 2: rgba(255,255,255,0.1)
- Direction: 150deg
- Start and End Position: 65%
- Padding-bottom: 230px
- Margin-bottom: 50px
- Desktop
- Gradient 1: #0078be
- Gradient 2: rgba(255,255,255,0.1)
- Direction: 140deg
- Start and End Position: 60%
- Max-height: 350px
- Mobile
- Background: Clear
- Custom CSS: margin: auto;
Stop Spammers Giveaway
Now Closed This giveaway is now closed. The winners have... Read more
Now Closed
This giveaway is now closed. The winners have been selected and notified. Thanks for entering everyone and congrats to the winners!Thank you very much for using Stop Spammers. We really hate spam, and sadly, it's everywhere and impossible to stop 100%, but we're going to fight to kill as much of it off as we can. We hope we've significantly improved your own spam situation and made it manageable. To celebrate having as many loyal users as we have (over 50k!) and the recent release of Stop Spammers Premium, we're giving away $100 cash, 10 free licenses for Premium, and a 50% off discount code to everyone else just for entering. If you already have Premium, you can still play. You could win an additional year of support.
How to Enter
Step #1: Do either of the following:
Step #2: Leave a comment:
- Comment below and let us know what entry method you used from Step #1
Winner Selection
On September 1st, the $100 and free Premium license winners will be randomly selected and notified. The $100 winner can receive payment via PayPal or Amazon gift card. Everyone else who entered will be emailed their 50% off discount code. Good luck everyone and have fun!
Stop Spammers 2020.4 has arrived!
Both Stop Spammers free and premium have updates today. We’ve... Read more
Both Stop Spammers free and premium have updates today. We've poured dozens of development hours into updates and, probably more importantly, testing. I did not give testing its due when I first took over lead maintenance of Stop Spammers, but lesson learned. My vision for our plugin is for it to be as indispensable as popular plugins like WordFence and WooCommerce and that vision doesn't come to fruition without a stable plugin and a great community of website owners and developers who rely on Stop Spammers. With these updates, we're on to version 2020.4, which includes some pretty nifty new features, including: FREE
- Login preferences
- Disable the ability for users to set custom passwords when registering
- Force login by email only
- Force login by username only
- More than 2,500 disposable email domains added to deny list
- Introducing a server-side firewall compatible with Wordfence's own firewall for increase security.
3 Column Blog Grid Layout w/ Equal Heights, Grow, and Custom Borders (Divi Tuts)
Here’s a great way to customize your blog page and... Read more
Here's a great way to customize your blog page and category archives. In this tutorial, we show how to add the following:
- Equalize blog rows
- Three column grid layout
- Grow class with shadow on hover
- Featured image height crop on mobile devices
- Widget title borders
- Blog pagination borders
Once the blog page is complete, go to the Theme Builder under the Divi/Extra menu and create a new template. Click on the pencil icon in the body section and create a custom body area. Choose the column layout that matches the layout of the blog page. Add your sidebar in one column and the Blog module in another. In the settings for the blog, enable the "Posts for current page" option. In the advanced tab, add the following classes so that the design matches the blog page: trumani-blog et_blog_grid_equal_height. That's it!
Javascript
Credit: Divi Sensei [code lang="js"] /*Equalize Blog Columns*/ .bloggrid .et_pb_salvattore_content { display: -webkit-box; display: -ms-flexbox; display: flex; } .bloggrid article { margin-bottom: 20px !important; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bloggrid .post-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bloggrid .column { margin-bottom: 20px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }[/code]CSS
[css] /*** Begin Blog Customizations ***/ /* 3 Column Grid */ .trumani-blog .et_pb_salvattore_content[data-columns]::before { content: '3 .column.size-1of3' !important; } @media only screen and ( min-width: 981px ) { .trumani-blog .column.size-1of3 { width: 32% !important; margin-right: 1%; } } /* Hover Shadow &amp;amp; Grow */ .et_pb_post { box-shadow: 0 1px 2px rgba(0, 0, 0, 0); -webkit-transition: all 0.6s; transition: all 0.6s; } .et_pb_post:hover { -webkit-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01); box-shadow: 1px 5px 14px rgba(0, 0, 0, 3); z-index: 1; } /* Shrink image on mobile */ .et_pb_image_container img { max-height: 350px !important; object-fit: cover !important; } /* Pagination border */ div.alignleft { padding-right: 5px; border-right: 2px solid #f06449;} div.alignright { padding-left: 5px; border-left: 2px solid #f06449; } /* Widget header */ h4.widgettitle { display: flex; align-items: center; text-align: center; } h4.widgettitle::before, h4.widgettitle::after { content: ''; flex: 1; border-bottom: 2px solid #f06449; } h4.widgettitle::before { margin-right: .25em; } h4.widgettitle::after { margin-left: .25em; } /*** End Blog Customizations ***/[/css]
State and Country Fields – Create Forms with an Address Quickly with Divi Contact Extended
Ever tried to add a list of states or countries... Read more
Ever tried to add a list of states or countries to your Divi Contact form? It's a real pain. Countries and states / provinces are now available in Divi Contact Extended as two brand new field types called the State and Country fields. Rather than wasting time adding every state or more time adding all of the country options, you can create things like an Address field in seconds.
State Field - Divi Contact Extended
If you add the state field without the Country field, the US states will show in the dropdown selection. You can enable multi-select when you want your users to have the option of selecting more than one state.
Seamless Integration