DiviCity is a one-page Divi format to be had within the Divi Market. It has a flexible design that can be utilized for plenty of various kinds of internet sites and is totally responsive and customizable. On this product spotlight, we’ll check out the DiviCity format and lend a hand making a decision if it’s the suitable format for you.

Let’s get began!

Putting in DiviCity

DiviCity comes as a ZIP report containing Divi Visible Builder .json information. To put in the format, get started through unzipping the report. Subsequent, open your web page within the Divi Builder.

Click on the portability possibility on the backside of the web page and make a selection the import tab. Then make a selection the .json report for the DiviCity format and start uploading the format. As soon as the format has been imported, all you want to do is change the content material with your individual, and your site is whole!

Divi Product Highlight: DiviCity Install


DiviCity is composed of a one-page Divi Builder format. It comes with none of the demo pictures, so I added my very own for the aim of this text. Let’s check out the sections that include this format!

DiviCity Header Phase

The header is composed of a big symbol with an angled divider on the backside. The header has options subheader and header textual content, in addition to a button. The textual content includes a loading animation impact. Two packing containers overlay the ground of the header segment. Every field accommodates some heading textual content, a divider line, frame textual content, and a button. Those packing containers even have a loading animation and enlarge on hover. In the end, there are 4 blurb modules under with an icon, heading textual content, and frame textual content. The blurb modules divulge one by one because the web page a lot. This heading format can also be simply custom designed with your individual pictures and content material to create a great-looking, attractive heading segment that provides your guests key details about your small business at a look.

Divi Product Highlight DiviCity Heading

DiviCity About Phase

The about segment has some creation textual content, a header at the left, and a picture at the proper. Either one of those parts have a fade-in animation and transfer into the middle. Under are 3 fullwidth sections that function a picture and a textual content block with a heading and a few frame textual content. Every of those sections have a loading animation impact as neatly.

Divi Product Highlight: DiviCity About

DiviCity Weblog Phase

By way of default, the weblog segment includes a easy fresh posts module record 3 fresh posts with the featured symbol and submit knowledge. There could also be some heading textual content and frame textual content on this segment. This segment options fade-in animation.

Divi Product Highlight: DiviCity Blog

However, you’ll be able to reach the design featured within the format demo through putting in the loose Divi Article Playing cards plugin. As soon as the plugin is put in and activated in your website, open the Divi 100 settings from the WordPress dashboard menu. Turn on the item card, then click on save.

Divi Product Highlight: DiviCity Article Card Setup

Now the weblog modules at the DiviCity web page must glance one thing just like the format above.

Divi Product Highlight: DiviCity Blog 2

DiviCity Numbers Phase

The numbers segment options 4 bar counters on a picture background — the quantity counters load because the web page a lot.

Divi Product Highlight: DiviCity Numbers

DiviCity What to Do Phase

This segment includes a heading and a few frame textual content. There are two sub-sections under this, each and every with a picture, a heading, and frame textual content. This segment is an excessively flexible format that can be utilized to show options, services and products, or different sides of your small business.

Divi Product Highlight: DiviCity What To Do

DiviCity The place to Do It Phase

This segment could also be flexible and includes a heading, frame textual content, and 3 blurbs with a picture, some textual content, some brief description textual content, and a border that looks on hover. The picture zooms in on hover as neatly. You should use those blurbs to hyperlink to any other web page or segment in your site, or to easily show some options or knowledge.

Divi Product Highlight: DiviCity Where to Do It

DiviCity Seek advice from Us Phase

Subsequent, the Seek advice from Us segment options six blurb modules, each and every with an icon, heading textual content, and frame textual content. You’ll be able to customise this segment to spotlight extra options or sides of your services and products or to get a divorce dense textual content with separate headings and icons. The blurb modules all function a zoom-in animation.

Divi Product Highlight: DiviCity Visit Us

DiviCity Touch Phase

In the end, the touch segment starts with an orange strip that has 3 social media icons. Under is the touch shape segment with huge heading textual content at the left and the shape at the proper. The touch segment has a big symbol background with a depressing overlay. This segment additionally includes a flip-loading animation impact, and the social media icons fade in.

Divi Product Highlight: DiviCity Contact

DiviCity Cellular Format

DiviCity is totally pill and mobile-responsive. Let’s check out the cellular model of a couple of sections.

First is the header segment, with a big symbol background, heading textual content, and button. The primary textual content field overlays the header and the remainder of the header segment contents apply under.

Divi Product Highlight: DiviCity Mobile Header

This is a part of the cellular about segment with pictures separated through some sections with textual content.

Divi Product Highlight: DiviCity Mobile About

That is the cellular model of the “The place to Do It” segment. It has a big symbol on the best, heading textual content, frame textual content, then 3 pictures with a label on each and every.

Divi Product Highlight: DiviCity Mobile Where to Do It

And in any case, that is the cellular footer. Just like the desktop model, it options an orange bar with social media icons, adopted through the footer segment with a picture background, textual content, and the touch shape.

Divi Product Highlight: DiviCity Mobile Contact

Acquire DiviCity

DiviCity is to be had within the Divi Market. It prices $19 for limitless site utilization and lifelong updates. The cost additionally features a 30-day money-back ensure.

DiviCity review

Ultimate Ideas

DiviCity is an easy and great-looking site format this is extremely flexible. As it’s constructed with Divi, the format is straightforward and intuitive to customise on your personal use. The loading animations and hover results all through the format glance great and cohesive and aren’t too distracting from the web page content material or usability. I additionally like using huge pictures around the design in addition to the typography used within the format. If you’re searching for a easy one-page site format on your subsequent Divi challenge, this could be the suitable product for you.

We would like to listen to from you! Have you ever attempted DiviCity? Tell us what you consider it within the feedback!

The submit Divi Product Spotlight: DiviCity gave the impression first on Chic Topics Weblog.

WordPress Web Design

[ continue ]