Custom Block Instructions

[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.16.1″ text_orientation=”center” background_layout=”dark”]

Custom Block Instructions

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”3.0.47″][et_pb_row _builder_version=”3.0.48″ 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 _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

Accordion 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.16.1″]

Accordion Block #2

  • The arrow will inherit the color you set for the Open Toggle Text Color in the Module Settings -> Design -> Toggle Text.

[/et_pb_text][et_pb_text _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

CTA  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.16.1″]

CTA Block #1

  • The line will inherit the text color when in normal state. The color for the hover state is controlled by CSS.

[/et_pb_text][et_pb_text _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

Pricing  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.16.1″]

Pricing Block #1

  • The Featured Price Block button will take the button color(Module Settings -> Design -> Button) for the background color when in normal.

Pricing Block #3

  • The check icon will take the color set for the bullet collor in Module Settings -> Design -> Bullet if it’s featured item or the color of the text if the item is not featured.

[/et_pb_text][et_pb_text _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

Process  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.16.1″]

Process Block #1

  • If you choose to assign one the whole column will take the link you assign to the Image Module.
  • The Hover Color for the Icon (if and SVG icon is used) will be the color of the STEP text

Process Block #2

  • If you choose to assign one the whole column will take the link you assign to the Image Module and an arrow will show up underneath the content. The background color for the arrow will be the same as the color of the STEP text 
  • The Hover Color for the Icon Border will be the color of the STEP text

Process Block #3

  • If you choose to assign one the whole column will take the link you assign to the Button Module.
  • The color, border-color and hover background color for the number before the text will take the color of the H3 in the first text module

[/et_pb_text][et_pb_text _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

Tabs  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.16.1″]

Tabs Block #3

  • The color of the check mark will be the same color you se for the Active Tab Background Color in Module Settings -> Design -> Tab Text

[/et_pb_text][et_pb_text _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

Team  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.16.1″]

Team Block #1

  • If you choose to assign a link to the Image module, a Learn More button will appear on top of the photo.

[/et_pb_text][et_pb_text _builder_version=”3.16.1″ text_font=”||||||||” header_font=”|300|||||||” custom_margin=”||0px|” custom_padding=”|||”]

Video  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.16.1″]

The Video Blocks are basically Image Modules that have been converted to Video Popups, so if you add a Youtube or Vimeo link to the Image Module it will open up in a popup an play.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]