Divi 5‘s trendy design equipment make it simple to construct blank, conversion-focused pricing layouts. On this loose pack, you’ll to find 11 Pricing Menus — each and every to be had in a Styled model for a cultured glance out of the field and an Unstyled model that inherits your web site’s international colours and fonts. Drop them into any web page and switch the replica.
Preview
Let’s check out all 11 Pricing Menus on this pack. The obtain is additional down the submit.
Subscribe To Our Youtube Channel
Obtain 11 Pricing Menus For Divi 5
Get all 11 pricing menus without cost. Import them into your Divi Library and upload them to any web page.
@media best display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than { 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:earlier than { 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;}
Obtain For Unfastened
Sign up for the Divi Publication and we can e-mail you a replica of without equal Divi Touchdown Web page Format Pack, plus lots of alternative wonderful and loose Divi assets, guidelines and tips. Practice alongside and you are going to be a Divi grasp very quickly. In case you are already subscribed merely kind for your e-mail deal with underneath and click on obtain to get admission to the format pack.
You might have effectively subscribed. Please take a look at your e-mail deal with to verify your subscription and get get admission to to loose weekly Divi format packs!
What’s Incorporated (24 Exports)
Whenever you obtain and unzip the folder, you’ll to find each Styled and Unstyled exports, each and every to be had as person sections and as all-in-one packs.
Styled – Particular person Sections (11) → In a position-made designs.
Styled – All Pricing Menus (1) → Complete pack of all styled designs.
Unstyled – Particular person Sections (11) → Inherits your International Kinds.
Unstyled – All Pricing Menus (1) → Complete pack of all unstyled designs.
How To Use The Pricing Menus
Stay your obtain folder shut by way of to start out uploading them in your Divi website online.
1. Import Sections Into The Divi Library
First, we’ll import the layouts in your Divi web site. Pass to Divi → Divi Library. Click on the Import & Export button on the height of your display.
When the Import & Export Layouts modal seems, choose the Import tab and click on Make a selection Document to find the JSON information for your laptop.
Make a selection both Styled – Pricing Menus (All) or Unstyled – Pricing Menus (All) and click on it to import.
As soon as the record is loaded, click on Import Divi Builder Layouts to put in them.
As soon as imported, all 11 Pricing Menu layouts will seem within the Divi Library.
2. Upload A Pricing Menu To A Web page
Navigate to Pages → All Pages. Open a web page within the Visible Builder (or create a brand new one).
Click on the black “+” within the Visible Builder. When the Insert Segment modal seems, click on the Upload From Library tab.
Select the Pricing Menu you wish to have so as to add.
Click on Use This Segment to load it.
In spite of everything, save the web page by way of clicking the Submit button on the height proper of the Visible Builder.
Customizing The Pricing Menus
Every format ships with blank construction, spacing, and typography. You’ll be able to tweak the rest on the Segment, Row, Column, or Module stage to compare your logo.
1. Regulate Format With Flexbox
Divi 5’s Flexbox format gadget assists in keeping pricing menus aligned and responsive.
Open the Row settings and cross to the Design tab → Format.
Modify the Horizontal Hole and Vertical Hole, trade the Format Course, and alter the Justify Content material and Align Pieces fields to fit your personal tastes.
2. Edit Pricing Content material
Use Nested Rows so as to add new menu pieces and upload Heading and Textual content Modules for descriptions and pricing. You’ll be able to additionally reproduction current menu pieces and easily trade the textual content. Use Divi AI to generate new descriptions if you want somewhat inventive nudge.
3. Taste It Your Means
In Styled layouts, colours and accents are set for you. Then again, you’ll be able to tweak Backgrounds, Borders, Spacing, Field Shadows, and Typography to compare your logo. Use Divi 5’s Inspector instrument to make fast adjustments.
In Unstyled layouts, components inherit your International Kinds. Replace site-wide colours and fonts by means of International Design Variables to modify each module within the pricing menu concurrently.
Get started Construction In Divi 5 As of late
Those 11 pricing menus supply a quick and versatile place to begin for plans and programs in Divi 5. Obtain them, drop them into any web page, and tailor the titles, costs, descriptions, and CTAs in your menus. Flexbox and responsive controls stay the whole thing aligned, permitting you to concentrate on design.
The submit 11 Flexbox Pricing Menus For Divi 5 (Unfastened Obtain) seemed first on Sublime Subject matters Weblog.
WordPress Web Design