{"id":28,"date":"2022-04-26T16:06:59","date_gmt":"2022-04-26T22:06:59","guid":{"rendered":"https:\/\/bullseyerecruiting.net\/?page_id=28"},"modified":"2023-02-27T16:13:30","modified_gmt":"2023-02-27T23:13:30","slug":"global-style-guide","status":"publish","type":"page","link":"https:\/\/bullseyerecruiting.net\/global-style-guide\/","title":{"rendered":"Global Style Guide"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.16″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text admin_label=”Text” _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_margin=”||-3px|||” global_colors_info=”{}”]<\/p>\n

Global Style Guide<\/strong><\/h1>\n

<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ make_equal=”on” admin_label=”row” _builder_version=”4.19.4″ _module_preset=”default” background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ _module_preset=”default” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” header_font=”||||||||” header_2_font=”||||||||” global_colors_info=”{}”]<\/p>\n

Required Changes<\/h2>\n
    \n
  1. Change Reference Logo or Image<\/li>\n
  2. Change the Color Palette<\/li>\n
  3. Change the Global Text, H1, and H2 tags<\/li>\n
  4. Design the Global Button<\/li>\n
  5. Everything else is optional.<\/li>\n<\/ol>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.19.4″ _module_preset=”default” custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ header_2_font=”||||||||” custom_margin=”||11px|||” global_colors_info=”{}”]<\/p>\n

    Helpful Links<\/h2>\n

    Link to Adobe Color Wheel<\/a>
    Link to     Google Fonts<\/a>
    Link to     Divi Customizer Guide<\/a>
    Link to     Divi Global Presets Guide<\/a> (advanced)<\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.0″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.19.4″ _module_preset=”default” custom_padding=”0px|||||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ custom_margin=”||2px|||” global_colors_info=”{}”]<\/p>\n

    Color Palette<\/strong><\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.19.4″ _module_preset=”default” custom_margin=”||14px||false|false” custom_padding=”||0px||false|false” global_colors_info=”{}”]<\/p>\n

    (Screenshot your color palette, and place it below.\u00a0 Then go to Divi’s global Color Palette to update the Globlal colors\u00a0<\/span>Divi>Theme Options>General<\/strong><\/a>.<\/span>)<\/p>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/bullseyerecruiting.net\/wp-content\/uploads\/2023\/01\/2023-01-23_16-17-38.jpg” title_text=”2023-01-23_16-17-38″ _builder_version=”4.19.4″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”2″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Common Divi Modules<\/h2>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    (Note: Use Divi Customizer<\/strong> or Global Presets<\/strong> to change global settings.)<\/p>\n

    [\/et_pb_text][et_pb_button button_text=”Default Button” button_alignment=”center” _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_button][et_pb_social_media_follow _builder_version=”4.17.0″ _module_preset=”default” text_orientation=”center” global_colors_info=”{}”][et_pb_social_media_follow_network social_network=”facebook” _builder_version=”4.17.0″ _module_preset=”default” background_color=”#3b5998″ global_colors_info=”{}” follow_button=”off” url_new_window=”on”]facebook[\/et_pb_social_media_follow_network][et_pb_social_media_follow_network social_network=”twitter” _builder_version=”4.17.0″ _module_preset=”default” background_color=”#00aced” global_colors_info=”{}” follow_button=”off” url_new_window=”on”]twitter[\/et_pb_social_media_follow_network][\/et_pb_social_media_follow][et_pb_icon font_icon=”||divi||400″ _builder_version=”4.17.0″ _module_preset=”23ad564b-c62a-4685-9e78-7c80395fb93e” global_colors_info=”{}”][\/et_pb_icon][et_pb_divider _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_divider][et_pb_search _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_search][\/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ custom_margin=”||0px||false|false” custom_padding=”||0px||false|false” global_colors_info=”{}”]<\/p>\n

    Color Reference Logo or Image<\/h2>\n

    [\/et_pb_text][et_pb_image src=”https:\/\/bullseyerecruiting.net\/wp-content\/uploads\/2022\/04\/shutterstock_1664575408.jpg” title_text=”Celebrate,Festival,Holi.,Indian,Holi,Festival,Of,Colours.,Colorful,Powder” align=”center” _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.0″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.17.0″ _module_preset=”default” custom_margin=”-42px|auto||auto||” custom_padding=”94px||0px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ text_font=”||||||||” global_colors_info=”{}”]<\/p>\n

    Global Header Font: Default, Open Sans<\/span><\/h2>\n

    Global Body Font:<\/strong> Default, Open Sans<\/span><\/p>\n

    Adjust the global settings in Theme Customizer or Divi’s global presets. Examples below will show the global styles. (Don’t edit the text modules below.)<\/p>\n

    \n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ custom_padding=”||||false|false” global_colors_info=”{}”]<\/p>\n

    Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .\u00a0 , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =<\/p>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .\u00a0 , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =<\/strong><\/p>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .\u00a0 , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =<\/em><\/p>\n

    [\/et_pb_text][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 .\u00a0 , : ; ‘ ” ( ) [ ] < > ? ! @ # $ % ^ & * – _ + =<\/em><\/strong><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.0″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Heading 1<\/h1>\n

    Heading 2<\/h2>\n

    Heading 3<\/h3>\n

    Heading 4<\/h4>\n

    Heading 5<\/h5>\n
    Heading 6<\/h6>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Heading 1<\/strong><\/h1>\n

    Heading 2<\/strong><\/h2>\n

    Heading 3<\/strong><\/h3>\n

    Heading 4<\/strong><\/h4>\n
    Heading 5<\/strong><\/h5>\n
    Heading 6<\/strong><\/h6>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Heading 1<\/em><\/h1>\n

    Heading 2<\/em><\/h2>\n

    Heading 3<\/em><\/h3>\n

    Heading 4<\/em><\/h4>\n
    Heading 5<\/em><\/h5>\n
    Heading 6<\/em><\/h6>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Heading 1<\/em><\/strong><\/h1>\n

    Heading 2<\/em><\/strong><\/h2>\n

    Heading 3<\/em><\/strong><\/h3>\n

    Heading 4<\/em><\/strong><\/h4>\n
    Heading 5<\/em><\/strong><\/h5>\n
    Heading 6<\/em><\/strong><\/h6>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.0″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ use_custom_gutter=”on” _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Paragraph Normal<\/h2>\n

    Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Paragraph Bold<\/strong><\/h2>\n

    Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/strong><\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Paragraph Italics<\/em><\/h2>\n

    Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/em><\/p>\n

    [\/et_pb_text][\/et_pb_column][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.17.0″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ global_colors_info=”{}”]<\/p>\n

    Bold Italics<\/em><\/strong><\/h2>\n

    Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/em><\/strong><\/p>\n

    [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.17.0″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row column_structure=”1_4,1_4,1_4,1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”1_4″ _builder_version=”4.17.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.4″ _module_preset=”7aa18692-1f88-4a9f-87be-9a90369d20d5″ custom_padding=”||||false|false” global_colors_info=”{}”]<\/p>\n

    Unordered List<\/h2>\n

    Example of a bullet list.\u00a0 Your content goes here.\u00a0 Edit or remove this text inline or in the module Content settings.<\/p>\n