Divi Product Highlight: DiviCity

by | May 7, 2023 | Etcetera | 0 comments

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 web sites and is totally responsive and customizable. On this product spotlight, we’ll check out the DiviCity format and assist you make a decision if it’s the correct format for you.

Let’s get began!

Putting in DiviCity

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

Click on the portability choice on the backside of the web page and choose the import tab. Then choose the .json document 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 entire!

Divi Product Highlight: DiviCity Install


DiviCity is composed of a one-page Divi Builder format. It comes with none of the demo photographs, 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 giant 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. Each and every field incorporates some heading textual content, a divider line, frame textual content, and a button. Those packing containers actually have a loading animation and make bigger on hover. In spite of everything, there are 4 blurb modules under with an icon, heading textual content, and frame textual content. The blurb modules disclose one by one because the web page so much. This heading format will also be simply custom designed with your individual pictures and content material to create a great-looking, enticing heading segment that provides your guests key details about your corporation at a look.

See also  8 Best Countdown Plugins for WordPress in 2023

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. Underneath are 3 fullwidth sections that characteristic a picture and a textual content block with a heading and a few frame textual content. Each and every of those sections have a loading animation impact as smartly.

Divi Product Highlight: DiviCity About

DiviCity Weblog Phase

Via default, the weblog segment includes a easy contemporary posts module list 3 contemporary posts with the featured symbol and put up data. There may be some heading textual content and frame textual content on this segment. This segment options fade-in animation.

Divi Product Highlight: DiviCity Blog

Then again, you’ll succeed in the design featured within the format demo through putting in the free Divi Article Cards plugin. As soon as the plugin is put in and activated to 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 so much.

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 overly flexible format that can be utilized to display options, services and products, or different sides of your corporation.

See also  A/B Trying out on Fb: Do It Proper

Divi Product Highlight: DiviCity What To Do

DiviCity The place to Do It Phase

This segment may 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 smartly. You should use those blurbs to hyperlink to every other web page or segment to your site, or to easily show some options or data.

Divi Product Highlight: DiviCity Where to Do It

DiviCity Consult with Us Phase

Subsequent, the Consult with Us segment options six blurb modules, each and every with an icon, heading textual content, and frame textual content. You’ll customise this segment to focus on 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 characteristic a zoom-in animation.

Divi Product Highlight: DiviCity Visit Us

DiviCity Touch Phase

In spite of everything, the touch segment starts with an orange strip that has 3 social media icons. Underneath 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 gloomy overlay. This segment additionally includes a flip-loading animation impact, and the social media icons fade in.

Divi Product Highlight: DiviCity Contact

DiviCity Cell Structure

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 observe under.

Divi Product Highlight: DiviCity Mobile Header

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

See also  Divi Plugin Highlight: Divi Accordions Plus

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 most sensible, heading textual content, frame textual content, then 3 photographs with a label on each and every.

Divi Product Highlight: DiviCity Mobile Where to Do It

And after all, 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 Marketplace. It prices $19 for limitless site utilization and lifelong updates. The fee 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 the usage of huge photographs around the design in addition to the typography used within the format. In case you are in search of a easy one-page site format on your subsequent Divi mission, this could be the correct product for you.

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

The put up Divi Product Highlight: DiviCity gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

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