Author: Bryan Hadaway

Get Updates & FREE Stuff

[mc4wp_form id=”2467″]

Latest Posts

Create a Custom Divi Hero / Header Section with Badge

| | No comments

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
Button (text): Image:
  • Max-width: 450px
  • Desktop
    • Margin-top – Desktop: -77px
    • Margin-bottom – Desktop: -50px
  • Mobile
    • Margin-bottom: 0px
    • Padding-top: 50px
    • Margin-top: 0px
Section:
  • 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
Row:
  • 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
Column 1:
  • Custom CSS: margin: auto;

Stop Spammers

Stop Spammers Giveaway

| | 24 comments

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:

  1. Leave an honest review
  2. Request a new feature

Step #2: Leave a comment:

  1. 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!

3-column-blog_divi-blog-module_trumani

3 Column Blog Grid Layout w/ Equal Heights, Grow, and Custom Borders (Divi Tuts)

| | 5 comments

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:

  1. Equalize blog rows
  2. Three column grid layout
  3. Grow class with shadow on hover
  4. Featured image height crop on mobile devices
  5. Widget title borders
  6. Blog pagination borders
If you would like to start with the blog module and sidebar configured like they are in the video tutorial, you can download the .json file by clicking the button below. Then go to Divi Library under the Divi/Extra theme menu and import the file. [purchase_link id="24648" style="button" color="inherit" text="Trumani Blog Download"] Once you have the blog page up and running, copy the Javascript below to equalize the blog rows. Add it to the Theme Options --> Integration --> Head text area. Then copy the CSS below and place it in the Theme Customizer under Additional CSS or in your child theme style.css file. three-column-blog_css-classes_trumaniOnce 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;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]

Country-and-State-fields_Divi-Contact_Extended_Trumani

State and Country Fields – Create Forms with an Address Quickly with Divi Contact Extended

| | No comments

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. State-field_Divi-contact-extended-Trumani

Country Field - Divi Contact ExtendedAddress_Divi-contact-extended-Trumani

Like the state field, you can enable multi-select in the country field. If you add both the state and country fields, the state/province options will dynamically show based a user's country selection. You can also set a default country. If most visitors to your website from a certain country, you can show that country without them having to select it. Both the state and country fields can be set to required and full-width.

User-notification_Divi-contact-extended_TrumaniSeamless Integration

Like all our fields both core and custom, you can set them appear in the email notifications for both the site admin and the user submitting the form.