Whats up Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place every week, we give away emblem new freebies. This time round we’re construction upon the NGO Layout Pack with a brand spanking new weblog publish template that fits the remainder of the pack completely. Hope you experience it!

divi layout

Test Out The NGO
Weblog Publish Template Under

Get it for free today!

Obtain The Weblog Publish Template For The NGO Format Pack

To put your palms at the unfastened NGO Weblog Publish Template, you are going to first want to obtain it the usage of the button beneath. To realize get admission to to the obtain it is very important subscribe to our Divi Day by day electronic mail listing by means of the usage of the shape beneath. As a brand new subscriber, you are going to obtain much more Divi goodness and a unfastened Divi Format pack each Monday! Should you’re already at the listing, merely input your electronic mail cope with beneath and click on obtain. You’ll now not be “resubscribed” or obtain further emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:ahead of { border-top-color: #ffffff !necessary; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:ahead of { border-top-color: clear !necessary; border-left-color: #ffffff !necessary; }
@media most effective display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:ahead of { border-top-color: #ffffff !necessary; border-left-color: clear !necessary; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !necessary; border-left-color: clear !necessary; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shade: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:ahead of { background: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !necessary } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !necessary; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 robust { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p robust, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !necessary;}

Download For Free

Obtain For Unfastened

Sign up for the Divi E-newsletter and we will be able to electronic mail you a duplicate of without equal Divi Touchdown Web page Format Pack, plus lots of different wonderful and unfastened Divi assets, guidelines and tips. Apply alongside and you are going to be a Divi grasp very quickly. If you’re already subscribed merely kind on your electronic mail cope with beneath and click on obtain to get admission to the format pack.

You will have effectively subscribed. Please take a look at your electronic mail cope with to substantiate your subscription and get get admission to to unfastened weekly Divi format packs!

The best way to Add The Template

Move to Divi Theme Builder

To add the template, navigate to the Divi Theme Builder within the backend of your WordPress web site.

blog post template for Divi's NGO Layout Pack

Add Web site Template

Then, within the height proper nook, you’ll see an icon with two arrows. Click on at the icon.

blog post template for Divi's NGO Layout Pack

Navigate to the import tab, add the JSON record that you want to obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

blog post template for Divi's NGO Layout Pack

Save Divi Theme Builder Adjustments

When you’ve uploaded the record, you’ll understand a brand new template with a brand new frame space that has been assigned to All Posts. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

divi NGO blog post template

The best way to Alter The Template

Open Publish Template

To change the template’s components, get started by means of opening the template.

divi NGO blog post template

Within the Frame Format Editor, you’ll be able to edit the design at the entrance finish the usage of the Divi Builder identical to you could with an ordinary Divi web page.

Since it is a template that has been assigned to all posts for the web site, there’s a publish content material module this is essential for showing the publish content material. It is important to stay that module in position, however you’ll be able to modify the publish content material module’s design components, which is able to design the publish content material this is displayed dynamically.

Concerning the Format

This weblog publish template has numerous dynamic components that can paintings along with your weblog posts in an instant. As an example, all of the publish header is made up of dynamic components together with a featured symbol because the background, the publish identify, and the publish metadata (date, classes, writer, and remark depend). This content material gained’t want updating, however you’ll be able to tweak the design of every of the ones components if wanted.

Different dynamic components come with the next:

  • Similar Posts Phase – shows the 4 most up-to-date posts that proportion the similar class.
  • Publish Writer Bio – shows the profile information (%, identify, bio) for the consumer/writer of the publish.
  • Publish Content material Module – shows the publish content material added when modifying the publish at the backend of WordPress.
  • Feedback – a useful remark space for the publish.
  • Publish Navigation – supplies earlier and subsequent buttons to the publish.

Here’s a fast representation that identifies the weather of the NGO weblog publish template.

Alternatively, some components on a publish template will want your instant consideration ahead of the usage of it survive your personal web site. For this publish template, it is very important replace the e-mail opt-in module.

Upload Electronic mail Account to Electronic mail Optin Modules

To permit the Electronic mail Optin Module to turn up on your design, you’ll want to hyperlink an electronic mail account.

New Freebies Each Week!

We are hoping you’ve loved the NGO Format Pack and the weblog publish template freebie that is going in conjunction with it. We stay up for listening to your critiques within the remark phase beneath. Remember to take a look at again subsequent week for extra freebies!

The publish Download a FREE Blog Post Template for Divi’s NGO Layout Pack seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]