How It Works

[et_pb_section fb_built=”1″ disabled_on=”off|off|” _builder_version=”3.1.1″ background_color=”#717b82″ background_image=”https://kspeinture06.fr/wp-content/uploads/2020/10/blocks-hero.jpg” custom_padding=”75px|0px|75px|0px” bottom_divider_color=”#ffffff”][et_pb_row custom_padding=”0px|0px|0px|0px” _builder_version=”3.1.1″ module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_orientation=”center” background_layout=”dark”]

How it works

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ custom_padding_last_edited=”on|phone” admin_label=”Process Block 3″ _builder_version=”3.1.1″ background_color=”#f4f4f4″ custom_padding=”100px||100px|” custom_padding_tablet=”125px|0px|125px|0px” custom_padding_phone=”50px|25px|50px|25px” collapsed=”on”][et_pb_row make_fullwidth=”on” use_custom_gutter=”on” gutter_width=”1″ custom_padding=”30px|0px|30px|0px|false|false” custom_padding_tablet=”0px|0px|45px|0px” custom_padding_phone=”0px|0px|25px|0px” custom_padding_last_edited=”off|desktop” _builder_version=”3.1.1″][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text admin_label=”Title” _builder_version=”3.1.1″ header_font=”|300|||||||” header_text_align=”center” custom_margin=”||20px|”]

Install your Child Theme

[/et_pb_text][et_pb_divider divider_position=”center” height=”1px” _builder_version=”3.13.1″ max_width=”60px” module_alignment=”center” custom_margin=”||30px|”][/et_pb_divider][et_pb_text _builder_version=”3.13.1″ text_font=”||||||||” text_orientation=”center” max_width=”500px” module_alignment=”center” custom_margin=”|||”]

In order to make sure you get the best experience possible with Kayden, we recommend you follow these 4 simple steps.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row make_fullwidth=”on” custom_padding=”|||” make_equal=”on” custom_padding_last_edited=”off|desktop” padding_1_last_edited=”off|desktop” _builder_version=”3.15″][et_pb_column type=”1_4″ _builder_version=”3.0.47″ padding_last_edited=”off|desktop” parallax=”off” parallax_method=”on”][et_pb_blurb title=”Step 1″ url=”#” use_icon=”on” font_icon=”%%57%%” icon_color=”#ffffff” use_circle=”on” _builder_version=”3.15″ header_font=”||||||||” body_font=”||||||||” background_color=”#ffffff” border_radii=”on|30px|30px|30px|30px” box_shadow_style=”preset3″ box_shadow_vertical=”16px” box_shadow_color=”rgba(79,124,172,0.3)” text_orientation=”center” custom_padding=”20%|16%|20%|16%” animation_style=”flip” animation_direction=”left” custom_css_main_element=”height: 100%;”]Install WordPress
[/et_pb_blurb][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_blurb title=”Step 2″ url=”#” use_icon=”on” font_icon=”%%361%%” icon_color=”#ffffff” use_circle=”on” _builder_version=”3.15″ header_font=”||||||||” body_font=”||||||||” background_color=”#ffffff” border_radii=”on|30px|30px|30px|30px” box_shadow_style=”preset3″ box_shadow_vertical=”16px” box_shadow_color=”rgba(79,124,172,0.3)” text_orientation=”center” custom_padding=”20%|16%|20%|16%” animation_style=”flip” animation_direction=”left” custom_css_main_element=”height: 100%;”]Install the Divi Theme 
[/et_pb_blurb][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_blurb title=”Step 3″ url=”#” use_icon=”on” font_icon=”%%57%%” icon_color=”#ffffff” use_circle=”on” _builder_version=”3.15″ header_font=”||||||||” body_font=”||||||||” background_color=”#ffffff” border_radii=”on|30px|30px|30px|30px” box_shadow_style=”preset3″ box_shadow_vertical=”16px” box_shadow_color=”rgba(79,124,172,0.3)” text_orientation=”center” custom_padding=”20%|16%|20%|16%” animation_style=”flip” animation_direction=”left” custom_css_main_element=”height: 100%;”]

Install Kayden – the Child Theme

[/et_pb_blurb][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_blurb title=”Step 4″ url=”#” use_icon=”on” font_icon=”%%57%%” icon_color=”#ffffff” use_circle=”on” _builder_version=”3.15″ header_font=”||||||||” body_font=”||||||||” background_color=”#ffffff” border_radii=”on|30px|30px|30px|30px” box_shadow_style=”preset3″ box_shadow_vertical=”16px” box_shadow_color=”rgba(79,124,172,0.3)” text_orientation=”center” custom_padding=”20%|16%|20%|16%” animation_style=”flip” animation_direction=”left” custom_css_main_element=”height: 100%;”]Install the .XML files provided
[/et_pb_blurb][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.1.1″][et_pb_row make_equal=”on” _builder_version=”3.1.1″ module_alignment=”center” animation_style=”fade”][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/Blocks-Kayden.jpg” _builder_version=”3.15″][/et_pb_image][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

To use Blocks

[/et_pb_text][et_pb_divider height=”0px” _builder_version=”3.13.1″ max_width=”60px” custom_margin=”0px||0px|” custom_padding=”0px||20px|”][/et_pb_divider][et_pb_text _builder_version=”3.17.1″]

If you already have a wireframe, or you want to jump-in to building your site, follow these steps:

  1. Edit Curent Homepage activating visual builder
  2. Delete the current sections
  3. Click on blue dot to add an object
  4. Go to “add from library”
  5. Search for the block you like
  6. Add it to your page
  7. Enjoy Customizing it!

Find more about Customizing Blocks

[/et_pb_text][et_pb_button button_url=”https://kayden.madebysuperfly.com/blocks/” url_new_window=”on” button_text=”See All Blocks” _builder_version=”3.16″ custom_button=”on” button_font=”||||||||” button_use_icon=”off” background_layout=”dark” custom_padding=”10px|30px|10px|30px” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][et_pb_row make_equal=”on” _builder_version=”3.1.1″ module_alignment=”center” animation_style=”fade”][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” header_font=”|300|||||||” text_orientation=”center” custom_margin=”||0px|”]

Use Layouts

[/et_pb_text][et_pb_divider height=”0px” _builder_version=”3.13.1″ max_width=”60px” module_alignment=”left” custom_margin=”0px||0px|” custom_padding=”0px||20px|”][/et_pb_divider][et_pb_text _builder_version=”3.17.1″ text_font=”||||||||”]

We offer Homepage Layouts that you can easely activate them to be as main page, following next steps:

  1. Choose which Layout fits best to you
  2. Go to WordPress Dashboard
  3. Go to Settings > Reading
  4. Change Homepage to the page you want
  5. Go to Page and edit the new homepage
  6. Enjoy Customizing It!

Find more about Customizing Blocks
[/et_pb_text][et_pb_button button_url=”https://kayden.madebysuperfly.com/layouts/” url_new_window=”on” button_text=”See All Layouts” _builder_version=”3.16″ custom_button=”on” button_font=”||||||||” button_use_icon=”off” background_layout=”dark” custom_padding=”10px|30px|10px|30px” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/Layout-Kayden.jpg” _builder_version=”3.15″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ next_background_color=”#ffffff” module_id=”tutorial” _builder_version=”3.1.1″ background_color=”#f4f4f4″ custom_padding=”7%||12%|” bottom_divider_style=”arrow”][et_pb_row _builder_version=”3.1.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” animation_style=”fade”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″ text_font=”|700|||||||” text_line_height=”3em” header_font=”||||||||” header_3_font=”|300|||||||” header_4_font=”|300|||||||” header_5_font=”|300|||||||” header_6_font=”|300|||||||”]

How to use blocks?

What Custom CSS Classes are we using?

How to create a Mega Menu?

How to change fonts and colors?

How to customize a layout or block?

What sizes to use for images?

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row make_fullwidth=”on” use_custom_gutter=”on” gutter_width=”2″ custom_padding=”|14%|27px|14%” custom_margin=”|||” make_equal=”on” module_class=”equal_height_buttons” _builder_version=”3.15″ module_alignment=”center” animation_style=”fade”][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_button button_url=”#change_icons” button_text=”Change Icons” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”18px” button_bg_color=”rgba(255,255,255,0)” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#4f7cac” button_bg_color_gradient_end=”#3c5b87″ button_border_width=”0px” button_border_radius=”5px” button_font=”Libre Baskerville||||||||” button_use_icon=”off” background_layout=”dark” custom_padding=”10px|30px|10px|30px” custom_css_main_element=”text-transform: capitalize!important;” button_text_color_hover=”#ffffff” button_border_radius_hover=”5px” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”on” button_border_radius__hover=”5px” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_button button_url=”#change_images” button_text=”Change Images” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”18px” button_bg_color=”rgba(255,255,255,0)” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#4f7cac” button_bg_color_gradient_end=”#3c5b87″ button_border_width=”0px” button_border_radius=”5px” button_font=”Libre Baskerville||||||||” button_use_icon=”off” background_layout=”dark” custom_padding=”10px|30px|10px|30px” custom_css_main_element=”text-transform: capitalize!important;” button_text_color_hover=”#ffffff” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_button button_url=”#change_background” button_text=”Change Background” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”18px” button_bg_color=”rgba(255,255,255,0)” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#4f7cac” button_bg_color_gradient_end=”#3c5b87″ button_border_width=”0px” button_border_radius=”5px” button_font=”Libre Baskerville||||||||” button_use_icon=”off” background_layout=”dark” custom_padding=”10px|30px|10px|30px” custom_css_main_element=”text-transform: capitalize!important;” button_text_color_hover=”#ffffff” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_button button_url=”#change_button” button_text=”Change Buttons” button_alignment=”center” _builder_version=”3.16″ custom_button=”on” button_text_size=”18px” button_bg_color=”rgba(255,255,255,0)” button_bg_use_color_gradient=”on” button_bg_color_gradient_start=”#4f7cac” button_bg_color_gradient_end=”#3c5b87″ button_border_width=”0px” button_border_radius=”5px” button_font=”Libre Baskerville||||||||” button_use_icon=”off” background_layout=”dark” custom_padding=”10px|30px|10px|30px” custom_css_main_element=”text-transform: capitalize!important;” button_text_color_hover=”#ffffff” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”on” button_text_color__hover=”#ffffff” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”use_blocks” _builder_version=”3.15″ custom_padding=”54px|0px|80px|0px”][et_pb_row make_fullwidth=”on” custom_padding=”|10%||10%” make_equal=”on” _builder_version=”3.1.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” animation_style=”fade”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”how_to_create” _builder_version=”3.1.1″ text_font=”|600|||||||” header_font=”|300|||||||” header_text_align=”left” header_2_font=”|300|||||||”]

How to use blocks?

[/et_pb_text][et_pb_text _builder_version=”3.15″]

There are multiple ways to use blocks. What we’re going to show you is a way that makes sure the blocks work at their best. Because Divi uses a lot of JavaScript and custom css some modules may look wierd in Visual Builder, so don’t freak out, it might be just in there.

[/et_pb_text][et_pb_divider color=”#bdbdbf” _builder_version=”3.2″ custom_margin=”40px|||”][/et_pb_divider][/et_pb_column][/et_pb_row][et_pb_row make_fullwidth=”on” custom_padding=”40px|10%|40px|10%” make_equal=”on” _builder_version=”3.1.1″][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_blurb title=”Build Your Wireframe” use_icon=”on” font_icon=”%%75%%” icon_placement=”left” _builder_version=”3.1.1″ header_level=”h5″ header_font=”|700|||||||”]Maybe you already have a wireframe, or you can start writing on a paper sections you want to build on your website.
[/et_pb_blurb][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_blurb title=”Pick Perfect Suited Blocks” use_icon=”on” font_icon=”%%372%%” icon_placement=”left” _builder_version=”3.13.1″ header_level=”h5″ header_font=”|700|||||||”]

In order to make your searching easier we provide a full experience of each of the blocks in the Blocks Page or you can use the PDF we offer called All Blocks – Kayden.pdf

[/et_pb_blurb][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_blurb title=”Start Building” use_icon=”on” font_icon=”%%378%%” icon_placement=”left” _builder_version=”3.13.1″ header_level=”h5″ header_font=”|700|||||||”]

Once you have a clear idea about the blocks you will use, it’s time to get them together. Follow the next 4 steps and you will get exactly what you worked for:

[/et_pb_blurb][/et_pb_column][/et_pb_row][et_pb_row use_custom_width=”on” custom_width_px=”1400px” custom_padding=”40px|5%|40px|5%” make_equal=”on” _builder_version=”3.1.1″ background_color=”#f4f4f4″][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ header_font=”||||||||” header_6_font=”|300|||||||”]

1. Create a new page

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/1.jpg” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ header_font=”||||||||” header_6_font=”|300|||||||”]

2. Use The Divi Builder

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/3.jpg” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ header_font=”||||||||” header_6_font=”|300|||||||”]

3. Click on Add from Library

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/add-layout.jpg” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ header_font=”||||||||” header_6_font=”|300|||||||”]

4. Insert Blocks to your page

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/4.jpg” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row make_fullwidth=”on” custom_padding=”40px|10%|40px|10%” make_equal=”on” padding_top_1=”6%” padding_1_tablet=”30px|||” padding_2_tablet=”|||” padding_1_last_edited=”on|phone” padding_2_last_edited=”off|desktop” _builder_version=”3.1.1″ module_alignment=”center”][et_pb_column type=”1_2″ _builder_version=”3.0.47″ padding_tablet=”30px|||” padding_last_edited=”on|phone” padding_top=”6%” parallax=”off” parallax_method=”on”][et_pb_blurb title=”Customize each block” use_icon=”on” font_icon=”%%75%%” icon_placement=”left” _builder_version=”3.1.1″ header_level=”h5″ header_font=”|700|||||||”]After adding your blocks to your page/post, now you can go to Theme Customizer and Visual Editor to start replacing images, text, and colors.

You can do the customization in Divi Builder or in Visual Divi Builder. Both Builders are working very well and elements are fully compatible.
[/et_pb_blurb][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ padding_tablet=”|||” padding_last_edited=”off|desktop” parallax=”off” parallax_method=”on”][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/5-build.jpg” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”css_classes” _builder_version=”3.15″ use_background_color_gradient=”on” background_color_gradient_start=”#f4f4f4″ background_color_gradient_end=”#ededed” custom_padding=”54px|0px|80px|0px”][et_pb_row _builder_version=”3.1.1″][et_pb_column type=”4_4″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”how_to_create” _builder_version=”3.1.1″ text_font=”|600|||||||” header_font=”|300|||||||” header_text_align=”left” header_2_font=”|300|||||||”]

What Custom CSS Classes are we using?

[/et_pb_text][et_pb_text _builder_version=”3.1.1″]Some of the blocks have specifics classes. If you wanna know what classes are related to that module follow the next steps:
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″]

1. Go to the Sections, Row or Module Settings

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/step-three-a.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″]

2. Go to Advanced Tab

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/step-three-b.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.1.1″][et_pb_column type=”1_3″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″]

Here are the classes for Accordion Blocks, you need to add them in the Accordion MODULE SETTINGS:

  • accordion1
  • accordion2

except for this one which you need to have in the SECTION SETTINGS:

  • accordion3

Here are the classes for Blog Blocks, you need to have them in the Blog MODULE SETTINGS:

  • blog1
  • blog2
  • blog3

Here are the classes for Blurbs Blocks, you need to have them in the ROW SETTINGS:

  • blurb1
  • blurb2
  • blurb3

Here are the classes for Contact Blocks, you need to have them in the Contact Form MODULE SETTINGS:

  • contact1
  • contact2
  • contact3

Here are the classes for CTA Blocks, you need to have them in the SECTION SETTINGS:

  • cta1

except for this one which you need to have in the ROW SETTINGS:

  • cta2

Here are the classes for Elements Blocks, you need to add them in the ROW SETTINGS:

  • counter1
  • counter2
  • counter3

except for these which you need to have in the SECTION SETTINGS:

  • countdown1
  • circle1

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″]Here are the classes for Gallery Blocks, you need to add them in the Gallery MODULE SETTINGS:

  • gallery1
  • gallery2

except for this one which you need to have in the SECTION SETTINGS:

  • gallery3

Here are the classes for Hero Blocks, you need to have them in the SECTION SETTINGS:

  • hero_section1
  • hero_section2
  • hero_section3

Here are the classes for Interactive Image Blocks, you need to add them in the ROW SETTINGS:

  • interactive_images1
  • interactive_images2
  • interactive_images3

Here are the classes for Logos Blocks, you need to have them in the ROW SETTINGS:

  • logos1
  • logos2
  • logos3

Here are the classes for Map Blocks, you need to have them in the Map MODULE SETTINGS:

  • map2
  • map3

Here are the classes for Portfolio Blocks, you need to have them in the Portfolio MODULE SETTINGS:

  • portfolio1
  • portfolio2
  • portfolio3

Here are the classes for Pricing Blocks, to have in the Pricing MODULE SETTINGS:

  • pricing1
  • pricing2
  • pricing3

Here are the classes for Process Blocks, you need to have them in the ROW SETTINGS:

  • process1
  • process2
  • process3

[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″]

Here are the classes for Social Media Blocks, you need to have them in the Social Media Follow MODULE SETTINGS:

  • social_media1
  • social_media2
  • social_media3

Here are the classes for Subscribe Opt-In Blocks, you need to have them in the Email Opt-In MODULE SETTINGS:

  • subscribe1
  • subscribe2
  • subscribe3

Here are the classes for Tabs Blocks, you need to have them in the Tabs MODULE SETTINGS:

  • tabs1
  • tabs3

except for this one which you need to have in the SECTION SETTINGS:

  • tabs2

Here are the classes for Team Blocks, you need to have them in the ROW SETTINGS:

  • team1
  • team2
  • team3

Here are the classes for Testimonials Blocks, you need to have them in the ROW SETTINGS:

  • testimonials2
  • testimonials3

except for this one which you need to have in the SLIDER MODULE SETTINGS:

  • testimonials1

Here are the classes for Videos Blocks, you need to have them in the Image Module SETTINGS together with the video_popup class:

  • video1
  • video2
  • video3

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ module_id=”create_mega_menu” _builder_version=”3.15″ background_color=”#717b82″ custom_padding=”54px|0px|80px|0px”][et_pb_row _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”how_to_customize” _builder_version=”3.1.1″ text_font=”||||||||” header_font=”||||||||” header_2_font=”|300|||||||” background_layout=”dark”]

How to create a Mega Menu?

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”3.1.1″][et_pb_column type=”1_2″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

By default any Divi Theme will come with a default menu that looks similar to this one.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/images-mega-menu-1.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

But with a simple class you can activate the Mega Menu and it can transform into this:

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/images-mega-menu-2.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row custom_padding=”27px|0px|27px|0px” _builder_version=”3.1.1″][et_pb_column type=”1_3″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/images-mega-menu-Step-1.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” background_layout=”dark”]Go to Menu
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/images-mega-menu-Step-2.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” background_layout=”dark”]Add the class “Mega-Menu” to your Menu Item but make sure it’s a Custom Link.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.1.1″ parallax=”off” parallax_method=”on”][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/images-mega-menu-Step-3.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” background_layout=”dark”]Add your sub-pages under the Main Page with css class.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.1.1″ custom_padding=”80px|0px|80px|0px”][et_pb_row _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”how_to_change” _builder_version=”3.1.1″ header_font=”||||||||” header_2_font=”|300|||||||”]

How to change fonts and colors from the theme?

[/et_pb_text][et_pb_text _builder_version=”3.15″]

To change fonts and colors, you need to go to Divi on left side in the WordPress Dashboard and go to Theme Customizer -> General Settings.

[/et_pb_text][et_pb_text _builder_version=”3.15″]

In Layout Settings you can change the Theme Accent Color. This setting will change the colors on some backgrounds and icon colors as well.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/layout-settings.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.1.1″]In the Typography section you can customize Headings and Paragraphs and you can change the body link color.
[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/typography-settings.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″]

In the Buttons section, choose one of sections you want to customize. If you want to customize the default state, customize from the section Buttons Style; if you want to customize the hover state, you have to customize it from Buttons Hover Style. Here you can change the colors of all buttons that are defined as default.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/button-settings.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″]

In the Theme Customizer are some other sections as well, where you can define colors and other styles. We recommend you go through them all and customize it the way you want. After you finish with the Theme Customizer, there will be a few elements that have colors or other attributes defined inline, you need to go through each page and change each element you want to suit your chosen color scheme.

[/et_pb_text][et_pb_text _builder_version=”3.15″]

Lastly, there are a few CSS rules that might need to be looked at as well, we recommend you go in the WordPress Dashboard -> Divi -> Custom CSS and add any custom CSS in there.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.1.1″ background_color=”#717b82″ custom_padding=”80px|0px|54px|0px”][et_pb_row _builder_version=”3.0.47″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”how_to_customize” _builder_version=”3.1.1″ text_font=”||||||||” header_font=”||||||||” header_2_font=”|300|||||||” background_layout=”dark”]

How to customize a Layout?

[/et_pb_text][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” background_layout=”dark”]If you want to add one of our layouts as they are, you have to create a new page and go to Load Layout, go to Your Saved Layouts tab and choose one of them.
[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/Steps-load-layouts-Kayden.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” background_layout=”dark”]After you choose one of them, the page will be populated with sections and with modules. You can edit each of these sections and customize them through the Divi Visual Builder. In this section we will show you how to change some parts of a layout.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row module_id=”change_icons” _builder_version=”3.15″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”change_icon” _builder_version=”3.15″ text_font=”||||||||” header_font=”||||||||” header_3_font=”|300|||||||” header_4_font=”|300|||||||” background_layout=”dark”]

Changing Icons

1. Enable Visual Builder on the page and find the icon you want to change. For icons, we recommend you use SVG icons. You can upload your SVG files in the Media Library and theme have integrated a function that transform those SVG in real SVG elements on the live site. This is done with the use of the svg_icon class that needs to be applied to all elements that contain and SVG file that you want to access through CSS on the front-end. After this you can change the svg’s properties using CSS.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-icons1.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

2. After you click on settings, you will see there a popup for blurb settings. If you scroll down, you will see the Image & Icon section, click there an you can switch between using an icon or an image. If you choose to use an image, you have to add it in the Media Gallery and select it there or if you want to use icon, you have to choose an icon from the Elegant Themes Icons that come with Divi.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-icons2.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row module_id=”change_images” _builder_version=”3.15″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”change_image” _builder_version=”3.15″ text_font=”||||||||” header_font=”||||||||” header_4_font=”|300|||||||” background_layout=”dark”]

Changing Image

1. Enable Visual Builder and find the Image you want to change.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-image1.jpg” align=”center” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

2. After you click on settings, you will see a popup for image settings. Click on the Image in that section, and you’ll be prompted to upload or to choose an image from the Media Gallery.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-image2.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row module_id=”change_background” _builder_version=”3.15″][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”change_background” _builder_version=”3.15″ text_font=”||||||||” header_font=”||||||||” header_4_font=”|300|||||||” background_layout=”dark”]

Changing Background

1. Enable Visual Builder and find section you want to change it background.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-background1.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

2. After you click on section settings, you will see a popup for section settings. There you can find the Background section. You can choose from there 4 types of background. Choose one of them, Color Background, Gradient Background, Image Background or Video Background, and choose a color or the resources you want. Under that you’ll have some other options you can customize.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-background2.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row module_id=”change_button” _builder_version=”3.15″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”change_button_individual” _builder_version=”3.15″ text_font=”||||||||” header_font=”||||||||” header_4_font=”|300|||||||” background_layout=”dark”]

Changing Buttons

1. Enable Visual Builder and find section where is the button you want to change.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-button1.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

2. After you click on button settings, you will see there a popup. There you’ll see 2 sections, Text, from where you can change text from button and Link from where you can change link for button, where it will go when you click.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-button2.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][et_pb_text _builder_version=”3.15″ text_font=”||||||||” background_layout=”dark”]

3. In the same popup, you will see the Design Tab. We’ve already defined a style for the button, in general settings, you can use this section to customize only one button, if you want that. If you choose to customize the button you’ll be greeted with a few options, for example: Alignment, which helps you control the position of the button on the page, another section is Text, which helps you can change the typography style and from Button section you can customize the rest of the styles for the button.

[/et_pb_text][et_pb_image src=”https://kspeinture06.fr/wp-content/uploads/2020/10/change-button3.jpg” align=”center” force_fullwidth=”on” _builder_version=”3.15″][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.1.1″ background_color=”#ffffff” custom_padding=”100px|0px|100px|0px”][et_pb_row custom_padding=”|10%||10%” _builder_version=”3.1.1″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.0.47″ parallax=”off” parallax_method=”on”][et_pb_text module_id=”pictures_size” _builder_version=”3.15″ text_font=”||||||||” header_font=”|300|||||||” text_orientation=”center”]

What Sizes are the photos we use?

[/et_pb_text][et_pb_text _builder_version=”3.15″ text_font=”||||||||” text_orientation=”center”]

For full-width background we recommend minimum 1920px width. If you use icons in png format and want them to look good on retina displays we recommend you export them at double their size and show them at half their width.

[/et_pb_text][et_pb_image _builder_version=”3.1.1″][/et_pb_image][/et_pb_column][/et_pb_row][et_pb_row background_color_1=”#4f7cac” padding_top_1=”4%” padding_right_1=”4%” padding_bottom_1=”4%” padding_left_1=”4%” _builder_version=”3.13.1″][et_pb_column type=”4_4″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#4f7cac” parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.13.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/1 column, we recommend 1080px width.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row background_color_1=”#4f7cac” background_color_2=”#717b82″ padding_top_1=”4%” padding_top_2=”4%” padding_right_1=”4%” padding_right_2=”4%” padding_bottom_1=”4%” padding_bottom_2=”4%” padding_left_1=”4%” padding_left_2=”4%” _builder_version=”3.13.1″][et_pb_column type=”1_2″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#4f7cac” parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.13.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/2 column, we recommend 510px width.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#717b82″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/2 column, we recommend 510px width.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row make_equal=”on” background_color_1=”#4f7cac” background_color_2=”#717b82″ background_color_3=”#423d42″ padding_top_1=”4%” padding_top_2=”4%” padding_top_3=”4%” padding_right_1=”4%” padding_right_2=”4%” padding_right_3=”4%” padding_bottom_1=”4%” padding_bottom_2=”4%” padding_bottom_3=”4%” padding_left_1=”4%” padding_left_2=”4%” padding_left_3=”4%” _builder_version=”3.13.1″][et_pb_column type=”1_3″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#4f7cac” parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/3 column, we recommend 310px width.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#717b82″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/3 column, we recommend 310px width.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#423d42″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/3 column, we recommend 310px width.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row make_equal=”on” background_color_1=”#4f7cac” background_color_2=”#717b82″ background_color_3=”#423d42″ background_color_4=”#000000″ padding_top_1=”4%” padding_top_2=”4%” padding_top_3=”4%” padding_top_4=”4%” padding_right_1=”4%” padding_right_2=”4%” padding_right_3=”4%” padding_right_4=”4%” padding_bottom_1=”4%” padding_bottom_2=”4%” padding_bottom_3=”4%” padding_bottom_4=”4%” padding_left_1=”4%” padding_left_2=”4%” padding_left_3=”4%” padding_left_4=”4%” _builder_version=”3.13.1″][et_pb_column type=”1_4″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#4f7cac” parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/4 column, we recommend 225px width.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#717b82″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/4 column, we recommend 225px width.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#423d42″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/4 column, we recommend 225px width.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.0.47″ padding_bottom=”4%” padding_left=”4%” padding_right=”4%” padding_top=”4%” background_color=”#000000″ parallax=”off” parallax_method=”on”][et_pb_text _builder_version=”3.1.1″ text_font=”||||||||” text_orientation=”center” background_layout=”dark”]For images that are in a 1/4 column, we recommend 225px width.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]