Advertise Here

11 Flexbox Pricing Menus for Divi 5 (Free Download)

by | Nov 3, 2025 | divi, Divi resources, elegant themes, Etcetera, wordpress | 0 comments


Divi 5’s fashionably designed equipment makes it easy to build blank, conversion-focused pricing layouts. In this open package you will find 11 pricing menus, each available in a In style model for a refined look off the pitch and a Without style template that inherits the colors and fonts of your website world. Insert them into any web page and change the playback.

Preview

Let’s take a look at all 11 pricing menus in this package. Obtaining is additional below.

Subscribe to our Youtube channel

Flexbox pricing menu for Divi 5

Get all 11 priced menus for free. Import them into your Divi library and upload them to any web page.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content: before { border-top-color: #ffffff !essential; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:before { border-top-color: clear !essential; border-left-color: #ffffff !essential; }
@media best view and (max width: 767px) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:before { border-top-color: #ffffff !essential; border-left-color: clear!essential; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !essential; border-left-color: clear!essential; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { shadow: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:before { background: #f92c8b !essential; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !essential } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !essential; } .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 form enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !essential;}

You will have actually signed up. Check your email management to prove your subscription and get the right to access the open weekly Divi structure packages!

What’s Embedded (24 Exports)

When you get and unzip the folder, you’ll find all the styled and unstyled exports, each available as individual sections and as all-in-one packages.

In style – Sections for particular people (11) → Achievable designs.
In Style – All Price Menus (1) → Complete package of all in style designs.
Styleless – Particular People Sections (11) → Inherit your world types.
Unstyled – All Price Menus (1) → Complete package of all unstyled designs.

Price menu for Divi 5

Keep your downloads folder closed to start uploading them for your online Divi website.

1. Import sections into your Divi library

First we’ll import the layouts for your Divi website. Go to Divi → Divi Library. Click Import and export button at the height of the display.

Divi Library

When the Import and export layouts it seems modal, make a selection Import tab and click Select Report to find JSON record data on your PC.

Choose File

Select both Styled – Menu at prices (all) OR Unstyled – Menu at prices (all) and click on it to import.

Pricing menu for Divi 5

As soon as the report loads, click Import Divi Builder layouts insert them.

Pricing menu for Divi 5

Once imported, all 11 pricing menu layouts will appear in the Divi Library.

Pricing menu for Divi 5

Go to Pages → All pages. Open a web page within Visible Builder (or create a new one).

Add page

Click black “+” inside the visible constructor. When Insert Phase mode appears, click Load from library form.

Add from library

Choose the price menu you want to have to add it.

Pricing menu for Divi 5

Click Use this phase to load it.

Pricing menu for Divi 5

Regardless, save the web page by clicking Send button on the height of the Visible Builder.

Pricing menu for Divi 5

Each outline comes with blank outline, spacing, and typography. You’ll edit the rest in the Phase, Row, Column, or Form stage to control your logo.

1. Adjust the format with Flexbox

Divi 5’s Flexbox structure machine helps keep pricing menus aligned and responsive.

Open the row settings and go to Project tab → Format.

Pricing menu for Divi 5

Regulate the Horizontal hole AND Vertical hole, alternate the Path formatand edit the file Justify the content AND Align the pieces fields suited to your personal tastes.

Pricing menu for Divi 5

2. Edit the pricing content material

Usage Nested rows so you can add new menu pieces and load them Header AND Textual content modules for descriptions and prices. You will also be able to replicate current menu parts and easily switch text content. Use Divi AI to generate new descriptions if you want a slightly nifty boost.

3. Taste it however you like

In In style layout, colors and accents are set for you. Then again, you will edit Wallpapers, Borders, Spacing, Field shadowsAND Typography to check your logo. Use Divi 5’s Inspector tool to make quick adjustments.

In Without style layout, the parts inherit your world types. Override site-wide colors and fonts via global design variables to change every single module in the pricing menu at once.

Pricing menu for Divi 5

Start development on Divi 5 today

These 11 pricing menus provide a quick and versatile starting line for plans and applications in Divi 5. Get them, insert them into any web page, and customize titles, costs, descriptions, and CTAs for your menus. Flexbox and responsive controls remain fully aligned, allowing you to focus on the design.

The publication of 11 Flexbox pricing menus for Divi 5 (free download) made the first impression on Elegant Themes Blog.

wordpress Maintenance Plans | wordpress hosting

Read more



Source link

thatguy
Author: thatguy

Places

Services

  • No Categories

Classifieds

  • No Categories

Events

News

Shopping