{"id":13,"date":"2025-05-31T10:50:04","date_gmt":"2025-05-31T10:50:04","guid":{"rendered":"https:\/\/llumdigital.com\/?page_id=13"},"modified":"2025-05-31T11:15:25","modified_gmt":"2025-05-31T11:15:25","slug":"divi-setup-guide","status":"publish","type":"page","link":"https:\/\/llumdigital.com\/en\/divi-setup-guide\/","title":{"rendered":"Divi Setup Guide"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb background_color=\u00bbrgba(12,113,195,0.11)\u00bb custom_padding=\u00bb0px||0px||true|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb max_width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb0px||0px||true|true\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb0px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb] Complete Divi Website Setup Guide<\/title><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;700&family=Roboto:wght@400;700&family=Lato:wght@400;700&display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --> <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --> <link rel=\"stylesheet\" href=\"style.css\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script type=\"importmap\"><!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> \"imports\": {<!-- [et_pb_line_break_holder] --> \"clipboard\": \"https:\/\/esm.sh\/clipboard@2.0.11\"<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"container\"><!-- [et_pb_line_break_holder] --> <\/p>\n<header><!-- [et_pb_line_break_holder] --> <\/p>\n<h1>\ud83d\udcd6 Complete Divi Website Setup Guide (SiteGround + WordPress + Divi)<\/h1>\n<p><!-- [et_pb_line_break_holder] --> <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<nav id=\"table-of-contents\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>Table of Contents<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#hosting-wordpress\">\u2728 Hosting & WordPress Setup<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#essential-plugins\">\ud83d\udcc1 Essential Plugin Installation<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#divi-child-theme\">\ud83d\udd27 Divi Installation & Child Theme Setup<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#global-design-system\">\ud83c\udf08 Global Design System<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#theme-customizer\">\u2696\ufe0f Theme Customizer Settings<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#page-building-tips\">\ud83d\udd8b\ufe0f Page Building Tips & Presets<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#performance-security\">\ud83d\ude80 Performance & Security Optimization<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#pre-launch-checklist\">\ud83d\udcdd Final Pre-Launch Checklist<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#appendix-a-snippets\">\ud83d\udcca Appendix A: Useful CSS & JavaScript Snippets<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><a href=\"#appendix-b-design-tips\">\ud83d\udcd8 Appendix B: Design Tips & UI Hints<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/nav>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <main><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"hosting-wordpress\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\u2728 Hosting & WordPress Setup (SiteGround)<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"checklist\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Enable SG Optimizer (default with SiteGround)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Choose PHP 8.1 or above<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Set memory limit via php.ini:<!-- [et_pb_line_break_holder] -->\n<div class=\"code-block\"><!-- [et_pb_line_break_holder] --> <button class=\"copy-btn\" aria-label=\"Copy PHP ini settings\">Copy<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<pre><code>memory_limit = 1024M<!-- [et_pb_line_break_holder] -->upload_max_filesize = 256M<!-- [et_pb_line_break_holder] -->post_max_size = 512M<!-- [et_pb_line_break_holder] -->max_execution_time = 300<!-- [et_pb_line_break_holder] -->max_input_time = 300<\/code><\/pre>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Use SiteGround’s built-in daily backups & image compression (no plugin needed)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"essential-plugins\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udcc1 Essential Plugin Installation<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"checklist\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li>RankMath SEO (SEO setup & schema)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Wordfence (security & login alerts)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>WPCode or Code Snippets (for custom functions)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Divi Children Plugin (child theme generator)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"divi-child-theme\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udd27 Divi Installation & Child Theme Setup<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee>Upload Divi .zip via Appearance \u2192 Themes<\/pee><!-- [et_pb_line_break_holder] --> <pee>Use Divi Children Plugin to generate a child theme<\/pee><!-- [et_pb_line_break_holder] --> <pee>Activate child theme<\/pee><!-- [et_pb_line_break_holder] --> <pee>In functions.php, add font upload support if needed:<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"code-block\"><!-- [et_pb_line_break_holder] --> <button class=\"copy-btn\" aria-label=\"Copy PHP code for font upload support\">Copy<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<pre><code>function my_custom_upload_mimes($mimes = array()) {<!-- [et_pb_line_break_holder] --> $mimes['ttf'] = \"font\/ttf\";<!-- [et_pb_line_break_holder] --> $mimes['otf'] = \"font\/otf\";<!-- [et_pb_line_break_holder] --> return $mimes;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->add_filter('upload_mimes', 'my_custom_upload_mimes');<\/code><\/pre>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"global-design-system\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83c\udf08 Global Design System<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Global Colors:<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee>Go to Divi > Theme Options > Builder > Advanced > Enable Global Defaults<\/pee><!-- [et_pb_line_break_holder] --> <pee>Open any module \u2192 Click gear icon \u2192 Choose Global Colors \u2192 Add:<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"color-list\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Primary (#1e1e1e) <span class=\"color-swatch\" style=\"background-color: #1e1e1e;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Accent (#e84a5f) <span class=\"color-swatch\" style=\"background-color: #e84a5f;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Link (#355c7d) <span class=\"color-swatch\" style=\"background-color: #355c7d;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Light (#f9f9f9) <span class=\"color-swatch\" style=\"background-color: #f9f9f9; border: 1px solid #eee;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Contrast (#ffffff) <span class=\"color-swatch\" style=\"background-color: #ffffff; border: 1px solid #eee;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Typography (Desktop):<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Headline H1:<\/strong> 56px | <strong>Line Height:<\/strong> 1.1<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H2:<\/strong> 40px | <strong>Line Height:<\/strong> 1.2<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H3:<\/strong> 32px | <strong>Line Height:<\/strong> 1.3<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Body Text:<\/strong> 18px | <strong>Line Height:<\/strong> 1.6<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Typography (Mobile):<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H1:<\/strong> 36px<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H2:<\/strong> 30px<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Body:<\/strong> 16px<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Font Suggestions:<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Headings:<\/strong> Roboto or Montserrat (bold)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Body:<\/strong> Open Sans or Lato (regular)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <pee>Set under: Divi > Theme Customizer > General Settings > Typography<\/pee><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"theme-customizer\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\u2696\ufe0f Theme Customizer Settings<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Homepage display:<\/strong> Static Page > Select homepage<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Site Identity:<\/strong> Logo, favicon<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Menus:<\/strong> Create & assign to Primary<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Widgets:<\/strong> Disable if unused<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Footer:<\/strong> Add custom credits or leave blank<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Background:<\/strong> Leave white or very light color<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"page-building-tips\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udd8b\ufe0f Page Building Tips & Presets<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Presets<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Create a styled module (e.g., Button)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Right-click > Create New Preset From Current Styles<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Name it clearly (e.g., \u00abMain Button Red\u00bb)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Apply to all instances or keep unique<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Layout Tips:<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee>Use flexbox for 3-column rows<\/pee><!-- [et_pb_line_break_holder] --> <pee>For 4\u20136 in a row (on mobile):<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"code-block\"><!-- [et_pb_line_break_holder] --> <button class=\"copy-btn\" aria-label=\"Copy CSS for multi-column layout\">Copy<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<pre><code>.et_pb_column {flex: 1 1 100%; max-width: 100%;} \/* fallback *\/<!-- [et_pb_line_break_holder] -->@media (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .four-column .et_pb_column {width: 25%;}<!-- [et_pb_line_break_holder] --> .five-column .et_pb_column {width: 20%;}<!-- [et_pb_line_break_holder] --> .six-column .et_pb_column {width: 16.66%;}<!-- [et_pb_line_break_holder] -->}<\/code><\/pre>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee>Add ‘four-column’, ‘five-column’, or ‘six-column’ to row’s CSS Class.<\/pee><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"performance-security\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\ude80 Performance & Security Optimization<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>SG Optimizer: Enable dynamic cache + browser cache + compression<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Disable unused Divi modules under Divi > Theme Options > Builder > Advanced<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Enable Minify & Combine CSS\/JS via SiteGround plugin<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>RankMath: Enable sitemap, schema, and basic meta automation<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Wordfence: Enable 2FA + block brute force + notifications<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"pre-launch-checklist\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udcdd Final Pre-Launch Checklist<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"checklist\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li>SSL installed and forced via SG Optimizer<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Remove default WP content (Hello World, Sample Page)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Set favicon & OG image<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Test on mobile + tablet<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Check SEO title\/meta (via RankMath)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Speed test: GTmetrix, PageSpeed Insights<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"appendix-a-snippets\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udcca Appendix A: Useful CSS & JavaScript Snippets<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Transparent Header (Fixed):<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"code-block\"><!-- [et_pb_line_break_holder] --> <button class=\"copy-btn\" aria-label=\"Copy CSS for transparent header\">Copy<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<pre><code>#main-header {<!-- [et_pb_line_break_holder] --> background-color: rgba(255,255,255,0.8);<!-- [et_pb_line_break_holder] --> backdrop-filter: blur(10px);<!-- [et_pb_line_break_holder] -->}<\/code><\/pre>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Animated Bullet Points:<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee>Add ‘custom-bullets’ class to any <code><\/p>\n<ul><\/code>. Example:<\/pee><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"custom-bullets demo-bullets\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li>This is an animated bullet point.<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Another animated point.<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>And one more for effect.<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"code-block\"><!-- [et_pb_line_break_holder] --> <button class=\"copy-btn\" aria-label=\"Copy CSS for animated bullet points\">Copy<\/button><!-- [et_pb_line_break_holder] --> <\/p>\n<pre><code>ul.custom-bullets li::before {<!-- [et_pb_line_break_holder] --> content: \"\\\\2022\"; \/* Unicode for bullet \u2022 *\/<!-- [et_pb_line_break_holder] --> color: #e84a5f; \/* Accent color *\/<!-- [et_pb_line_break_holder] --> font-size: 1.5em;<!-- [et_pb_line_break_holder] --> line-height: 1;<!-- [et_pb_line_break_holder] --> padding-right: 0.5em;<!-- [et_pb_line_break_holder] --> animation: pulse 1.5s infinite ease-in-out;<!-- [et_pb_line_break_holder] --> display: inline-block; \/* For transform to work *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@keyframes pulse {<!-- [et_pb_line_break_holder] --> 0% {transform: scale(1);}<!-- [et_pb_line_break_holder] --> 50% {transform: scale(1.3);}<!-- [et_pb_line_break_holder] --> 100% {transform: scale(1);}<!-- [et_pb_line_break_holder] -->}<\/code><\/pre>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"appendix-b-design-tips\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udcd8 Appendix B: Design Tips & UI Hints<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Rounded Corners & Drop Shadows<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Use <code>border-radius: 12px<\/code> or <code>2xl<\/code> (Tailwind terminology, implies larger radius)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Add <code>box-shadow<\/code> for cards or sections<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Animations<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Use fade-in or slide-up (set under Advanced > Animation)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Keep subtle (duration 700ms max)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Color Harmony<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Use analogous schemes with 1\u20132 accent pops<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Limit to 3 primary colors + neutrals<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Font Pairing<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Display:<\/strong> Montserrat or Bebas Neue<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Body:<\/strong> Open Sans or Lato<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Keep contrast between heading\/body weight and size<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Spacing<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Use consistent padding (e.g., 40px top\/bottom for sections)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Line-height: 1.4 to 1.6 for readability<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --> <\/main><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<footer><!-- [et_pb_line_break_holder] --> <pee>Divi Setup Guide – Crafted with care.<\/pee><!-- [et_pb_line_break_holder] --> <\/footer>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <script type=\"module\" src=\"script.js\"><\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->[\/et_pb_code][et_pb_code _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb background_color=\u00bb#FFFFFF\u00bb custom_padding=\u00bb3%|3%|3%|3%|true|true\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|20px|20px|20px|20px\u00bb box_shadow_style=\u00bbpreset3″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n<section id=\"appendix-c-font-size-guide\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udcd0 Appendix C: Divi Module Font & Image Size Guide<\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Text Module<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Body Text<\/td>\n<td>18px \/ 1.6 lh<\/td>\n<td>16px \/ 1.6 lh<\/td>\n<td>15px \/ 1.6 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Heading H1<\/td>\n<td>56px \/ 1.1 lh<\/td>\n<td>36px \/ 1.1 lh<\/td>\n<td>28px \/ 1.1 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Heading H2<\/td>\n<td>40px \/ 1.2 lh<\/td>\n<td>30px \/ 1.2 lh<\/td>\n<td>22px \/ 1.2 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Heading H3<\/td>\n<td>32px \/ 1.3 lh<\/td>\n<td>24px \/ 1.3 lh<\/td>\n<td>18px \/ 1.3 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Heading H4<\/td>\n<td>24px \/ 1.4 lh<\/td>\n<td>20px \/ 1.4 lh<\/td>\n<td>16px \/ 1.4 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Blurb Module<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Title<\/td>\n<td>24px \/ 1.3 lh<\/td>\n<td>20px \/ 1.3 lh<\/td>\n<td>18px \/ 1.3 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Body Text<\/td>\n<td>16px \/ 1.6 lh<\/td>\n<td>15px \/ 1.6 lh<\/td>\n<td>14px \/ 1.6 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Icon\/Image Size<\/td>\n<td>64px<\/td>\n<td>48px<\/td>\n<td>36px<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Image Ratio<\/td>\n<td colspan=\"3\">1:1 (square) or SVG, PNG, JPG, 256x256px+ recommended<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Button Module<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Button Text<\/td>\n<td>18px \/ 1.2 lh<\/td>\n<td>16px \/ 1.2 lh<\/td>\n<td>15px \/ 1.2 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Padding<\/td>\n<td>18px 36px<\/td>\n<td>14px 28px<\/td>\n<td>12px 20px<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Tabs Module<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Tab Title<\/td>\n<td>18px \/ 1.3 lh<\/td>\n<td>16px \/ 1.3 lh<\/td>\n<td>15px \/ 1.3 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Tab Content<\/td>\n<td>16px \/ 1.6 lh<\/td>\n<td>15px \/ 1.6 lh<\/td>\n<td>14px \/ 1.6 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Accordion Module<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Closed Title<\/td>\n<td>20px \/ 1.3 lh<\/td>\n<td>18px \/ 1.3 lh<\/td>\n<td>16px \/ 1.3 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Open Title<\/td>\n<td>20px \/ 1.3 lh<\/td>\n<td>18px \/ 1.3 lh<\/td>\n<td>16px \/ 1.3 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Open Content Text<\/td>\n<td>16px \/ 1.6 lh<\/td>\n<td>15px \/ 1.6 lh<\/td>\n<td>14px \/ 1.6 lh<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Image Module<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Image Width<\/td>\n<td>100% (max 1080px)<\/td>\n<td>100% (max 768px)<\/td>\n<td>100% (max 480px)<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Image Ratio<\/td>\n<td colspan=\"3\">16:9, 4:3, or 1:1 (as needed)<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr>\n<td>Recommended Upload Size<\/td>\n<td colspan=\"3\">1920px wide (for fullwidth)<\/td>\n<\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Other Common Modules<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Module<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Font Size (Desktop\/Tablet\/Mobile)<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Notes<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Number Counter<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>48px \/ 36px \/ 28px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Number text<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Person Module<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Name: 22px \/ 18px \/ 16px<!\u2013- [et_pb_br_holder] -\u2013>Position: 16px \/ 15px \/ 14px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Pricing Table<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Title: 28px \/ 22px \/ 18px<!\u2013- [et_pb_br_holder] -\u2013>Price: 48px \/ 36px \/ 28px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_code][et_pb_code _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb background_color=\u00bb#FFFFFF\u00bb custom_padding=\u00bb3%|3%|3%|3%|true|true\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|20px|20px|20px|20px\u00bb box_shadow_style=\u00bbpreset3″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n<section id=\"appendix-d-divi-defaults\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h2>\ud83d\udee0\ufe0f Appendix D: Divi Global Defaults & Module Presets for Portfolio<\/h2>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Global Typography<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Body Font:<\/strong> Open Sans or Lato, 18px, 1.6 line height, color: #222<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Heading Font:<\/strong> Montserrat or Roboto, Bold, color: #1e1e1e<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H1:<\/strong> 56px (desktop), 36px (tablet), 28px (mobile), 1.1 line height<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H2:<\/strong> 40px (desktop), 30px (tablet), 22px (mobile), 1.2 line height<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>H3:<\/strong> 32px (desktop), 24px (tablet), 18px (mobile), 1.3 line height<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Global Colors<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul class=\"color-list\"><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Primary (#1e1e1e) <span class=\"color-swatch\" style=\"background-color: #1e1e1e;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Accent (#e84a5f) <span class=\"color-swatch\" style=\"background-color: #e84a5f;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Link (#355c7d) <span class=\"color-swatch\" style=\"background-color: #355c7d;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Light (#f9f9f9) <span class=\"color-swatch\" style=\"background-color: #f9f9f9; border: 1px solid #eee;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li>Contrast (#ffffff) <span class=\"color-swatch\" style=\"background-color: #ffffff; border: 1px solid #eee;\"><\/span><\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Section & Row Defaults<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<ul><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Section Padding:<\/strong> 80px top\/bottom (desktop), 50px (tablet), 30px (mobile)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Row Width:<\/strong> 100% (fullwidth for immersive look)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<li><strong>Row Padding:<\/strong> 0px (let modules handle spacing)<\/li>\n<p><!-- [et_pb_line_break_holder] --> <\/ul>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3>Module Presets<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<table><!-- [et_pb_line_break_holder] --> <\/p>\n<thead><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Module<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Element<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Desktop<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Tablet<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Mobile<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<th>Notes<\/th>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/thead>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tbody><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Text<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Body<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>15px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Color: #222<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Text<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Headings<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>See above<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>See above<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>See above<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Use global heading font<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Blurb<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Title<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>24px, 1.3 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>20px, 1.3 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px, 1.3 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Blurb<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Body<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>15px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>14px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Blurb<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Icon\/Image<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>64px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>48px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>36px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Icon color: #e84a5f<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Button<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Text<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>15px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Font: Montserrat<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Button<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Padding<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px 36px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>14px 28px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>12px 20px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Border radius: 8px<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Tabs<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Tab Title<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>15px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Color: #355c7d<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Tabs<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Tab Content<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>15px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>14px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Accordion<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Title<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>20px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Color: #1e1e1e<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Accordion<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Content<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>16px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>15px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>14px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Image<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Max Width<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td colspan=\"3\">100%<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Upload: 1920px wide for fullwidth, 1080px for standard<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Portfolio\/Project<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Title<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>28px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>22px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>18px, bold<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Portfolio\/Project<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Category\/Meta<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td colspan=\"3\">16px, color: #355c7d<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<tr><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Portfolio\/Project<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td>Excerpt<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td colspan=\"3\">16px, 1.6 lh<\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<td><\/td>\n<p><!-- [et_pb_line_break_holder] --> <\/tr>\n<p><!-- [et_pb_line_break_holder] --> <\/tbody>\n<p><!-- [et_pb_line_break_holder] --> <\/table>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <pee><strong>Tip:<\/strong> Set these as global defaults and module presets in Divi for a consistent, professional portfolio look.<\/pee><!-- [et_pb_line_break_holder] --><\/section>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Complete Divi Website Setup Guide \ud83d\udcd6 Complete Divi Website Setup Guide (SiteGround + WordPress + Divi) Table of Contents \u2728 Hosting & WordPress Setup \ud83d\udcc1 Essential Plugin Installation \ud83d\udd27 Divi Installation & Child Theme Setup \ud83c\udf08 Global Design System \u2696\ufe0f Theme Customizer Settings \ud83d\udd8b\ufe0f Page Building Tips & Presets \ud83d\ude80 Performance & Security Optimization \ud83d\udcdd […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":0,"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"wp:attachment":[{"href":"https:\/\/llumdigital.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}