Divi

Christmas

Module

A premium Divi plugin made for holidays. Create beautiful content with christmas motives without effort. Includes premade frames, badges and christmas fonts.

[pbc_christmas _builder_version=”4.0.6″ main_text_text_align=”center” main_text_text_color=”#CCC175″ background_enable_color=”off” background_image=”https://pagebuildercode.com/wp-content/uploads/2019/12/background1.png” hover_enabled=”0″ box_shadow_style=”preset2″ box_shadow_horizontal=”20px” pbc_activate_particles=”yes”][pbc_christmas_child identifier=”Top Frame” source=”frame” frame=”top_frame” top_frame=”frame5-top.svg” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child identifier=”Merry” source=”text” fontfamily=”DancingScript-Regular.otf” _builder_version=”4.0.6″ main_text_font_size=”43px”]

Merry

[/pbc_christmas_child][pbc_christmas_child identifier=”Christmas” source=”text” fontfamily=”DancingScript-Regular.otf” _builder_version=”4.0.6″ main_text_font_size=”60px”]

Christmas

[/pbc_christmas_child][pbc_christmas_child identifier=”bottom frame” source=”frame” frame=”bottom_frame” bottom_frame=”frame7-bottom.svg” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas]

(Module created with frames, christmas text and particles effect)

Lifetime Unlimited Sites Buy Now $5.90
[pbc_christmas _builder_version=”4.0.6″ main_text_text_align=”center” main_text_font_size=”13px” hover_enabled=”0″][pbc_christmas_child identifier=”Text” source=”text” fontfamily=”Kingthings_Christmas.ttf” _builder_version=”4.0.6″ main_text_text_color=”#0c71c3″ main_text_font_size=”100px” main_text_line_height=”1.1em” header_3_font=”|300|||||||” header_3_text_color=”#0c71c3″ header_3_font_size=”100px” hover_enabled=”0″ main_text_font_size_last_edited=”on|phone” main_text_font_size_phone=”65px”]

Divi
Christmas

[/pbc_christmas_child][/pbc_christmas]

How it Works

The plugin works with children items.  Each time you add a new item, you can choose the content source. There’s three specific options to add content and each one work differently (Frames, Badges, and Text). Also, it includes an option named “Mixed Content” Where you can add default divi content, such as images, divi icons,  a button or a default editor.

[pbc_christmas _builder_version=”4.0.6″][pbc_christmas_child identifier=”text” source=”text” fontfamily=”Toy_Train.ttf” _builder_version=”4.0.6″ main_text_font=”||||||||” main_text_text_align=”center” main_text_text_color=”#e09900″ main_text_font_size=”54px”]

Text

[/pbc_christmas_child][/pbc_christmas]

Christmas Text

This items adds a default editor where you can write whatever you want and use one of the selected fonts icons we included on the plugin. It can be customized with the default Divi text options included in modules 

[pbc_christmas _builder_version=”4.0.6″][pbc_christmas_child identifier=”badge” source=”badge” badge=”christmas-tree-badge.svg” badge_size=”114px” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child source=”mixed” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas]

Christmas Badge

With this one, you can add an image on different spots over the content. It included some selected svg files that you can use or you can add your own images.

You can adjust position, size and more. The script adjust the badge size to fit perfects on the module.

 

[pbc_christmas _builder_version=”4.0.6″][pbc_christmas_child identifier=”frame” source=”frame” frame=”top_frame” top_frame=”frame1-top.svg” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas]

Christmas Frame

Images added on top or bottom. Just like badges, it includes some selected images and also you can upload your own ones. 

Attach Option

This option becomes this module in a powerful tool. You can design an skin with badges, text and frames and put it over any other module. For example, If you want to add a skin over the shop module like the example below, just fill the attach option with the name of the class or ID. In this case, we were added the skin in all the items that has the class “product”.

Snow Flakes Animation

Use Particles.js to show circular/stars shape snow flakes falling smoothly over the image. Your visitors will love it.

Divi Christmas Module Examples

(Due to performance reasons, we didn’t included snow flakes in the examples, but it can be used in all of them)

[pbc_christmas _builder_version=”4.0.6″ main_text_text_color=”#ffffff” background_color=”#b21717″ box_shadow_style=”preset3″][pbc_christmas_child identifier=”frame” source=”frame” frame=”bottom_frame” bottom_frame=”frame2-bottom.svg” _builder_version=”4.0.6″ background_enable_color=”off”][/pbc_christmas_child][pbc_christmas_child identifier=”text” source=”text” fontfamily=”Kingthings_Christmas.ttf” _builder_version=”4.0.6″ main_text_text_align=”center” main_text_text_color=”#ffffff” main_text_font_size=”44px” custom_padding=”70px||||false|false”]

Merry

Christmas

[/pbc_christmas_child][pbc_christmas_child identifier=”badge” source=”badge” badge=”gift-box-badge.svg” badge_size=”116px” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas]

[pbc_christmas _builder_version=”4.0.6″ background_color=”#001a5b” use_background_color_gradient=”on” background_color_gradient_start=”#1d31a3″ background_color_gradient_end=”#0c022b” box_shadow_style=”preset2″ box_shadow_blur=”14px” box_shadow_color=”rgba(0,0,0,0.45)”][pbc_christmas_child identifier=”frame” source=”frame” frame=”top_frame” top_frame=”frame3-top.svg” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child identifier=”text” source=”text” fontfamily=”GrandHotel-Regular.ttf” _builder_version=”4.0.6″ main_text_text_align=”center” main_text_text_color=”#ffffff” main_text_font_size=”27px” header_text_align=”center” custom_padding=”50px||50px||false|false”]

Merry

Christmas

[/pbc_christmas_child][pbc_christmas_child identifier=”badge” source=”badge” badge=”santa-badge.svg” badge_position=”pbc_leftcenter” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child identifier=”badge” source=”badge” badge=”santa-badge.svg” badge_position=”pbc_rightcenter” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child identifier=”bottom frame” source=”frame” frame=”bottom_frame” bottom_frame=”frame5-bottom.svg” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas][pbc_christmas pbc_attach_selector=”.” pbc_attach=”product” pbc_attach_position=”over” _builder_version=”4.0.6″][pbc_christmas_child identifier=”badge” source=”badge” badge=”christmas-house-badge.svg” badge_size=”92px” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child identifier=”frame” source=”frame” frame=”top_frame” top_frame=”frame1-top.svg” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas]

[pbc_christmas _builder_version=”4.0.6″ background_image=”https://pagebuildercode.com/wp-content/uploads/2019/12/background1.png” box_shadow_style=”preset3″ box_shadow_vertical=”16px”][pbc_christmas_child identifier=”frame” source=”frame” frame=”top_frame” top_frame=”frame2-top.svg” _builder_version=”4.0.6″][/pbc_christmas_child][pbc_christmas_child identifier=”text” source=”text” fontfamily=”HennyPenny-Regular.otf” _builder_version=”4.0.6″ main_text_text_align=”center” main_text_font_size=”52px” custom_padding=”30px||||false|false”]

Merry

Christmas

[/pbc_christmas_child][pbc_christmas_child identifier=”frame” source=”frame” frame=”bottom_frame” bottom_frame=”frame3-bottom.svg” _builder_version=”4.0.6″][/pbc_christmas_child][/pbc_christmas]