Page tree
Skip to end of metadata
Go to start of metadata

 Customize your theme settings to look like The Dome.  

Home page - The Dome
  1.  In the Dashboard, go to Pages<Add New
  2. Name your post 'Home' or something of the like.
  3. Click on Divi Builder.
  4. Add a Fullwidth Section.
  5. Insert Module< Fullwidth Header
    1. General Settings
      1. Title: Add a title for your blog.
      2. Subheading text: none (unless you want it)
      3. Text color: Light
      4. Text & Logo Orientation: Center
      5. Make full screen: yes
      6. Show scroll down button: No
      7. Button #1 Text: none
      8. Button #1: URL: none
      9. Button #2: Text: none
      10. Button #2: URL: none
      11. Background image: (Add a good quality background image, like a photo of the Dome.)
      12. Background color: no
      13. Background overlay: no
      14. Use paralax effect: Yes
      15. Paralax method: CSS
      16. Logo image URL: None
      17. Logo image alternative text: none
      18. Text vertical alignment: Center
      19. Header image URL: none
      20. Image vertical alignment: Vertically centered
      21. Content: none
      22. Disable on: None
      23. Admin Label: Fullwidth Header
    2. Advanced Design Settings: None
    3. Custom CSS: None
  6. Insert Standard Section
  7. Add a Row: 3/4 - 1/4
  8. In the 3/4 section, Inset a Blog module.
    1. General Settings:
      1. Layout: Fullwidth
      2. Posts number: 99
      3. Include categories: all
      4. Meta date format: M j, Y
      5. Show featured image: Yes
      6. Content: Show content
      7. Show author: No
      8. Show date: Yes
      9. Show categories: Yes
      10. Show comment count: no
      11. Show pagination: no
      12. Offset number: 0
      13. Featured image overlay: off
      14. Text color: light
      15. Disable on: None
      16. Admin label: Blog
    2. Advanced Design Settings:
      1. Header font: Open Sans
      2. Header font size: 20
      3. Header text color: #f9d616
      4. Header letter spacing: 0
      5. Header line height: 1em
      6. Meta font: Open Sans Light
      7. Meta font size: 14
      8. Meta text color: #ffffff
      9. Meta letter spacing: 0
      10. Meta light height: 1.7
      11. Body font: Open sans
      12. Body font size: 15
      13. Body text color: #ffffff
      14. Body letter spacing: 0
      15. Body line height: 1.7
      16. Use border: yes
      17. Border color: #ffffff
      18. Border width: 2
      19. Border style: solid
    3. Custom CSS: none
  9. In the 1/4 section, add a Sidebar module.
    1. General Settings:
      1. Orientation: Right
      2. Widget area: Sidebar
      3. Text color: Light
      4. Disable on: none
      5. Admin label: Sidebar
    2. Advanced Design settings:
      1. remove border separator: no
      2. Header font: Open Sans
      3. Header font size: 20
      4. Header text color:
      5. Header letter spacing: 0
      6. Header line height: 1 em
      7. Body font: Open Sans Light
      8. Body font size: 14
      9. Body text color: none
      10. Body letter spacing: 0
      11. Body line height: 1.7em
    3. Custom CSS: none
Theme Customizer - The Dome
  1.  In the Dashboard, go to Divi<Theme Customizer
  2. General Settings
    1. Site Identity
      1. Fill in your title and tagline.
    2. Layout Settings
      1. Website content widget: 1920
      2. Website gutter width: 4
      3. Section height: 0
      4. Row height: 1
      5. Theme accent color: #002649
    3. Typography
      1. Body text size: 15
      2. Body line height: 1.5
      3. Header text size: 26
      4. Headers letter spacing: -1
      5. Header line height: .08
      6. Header font style: none
      7. Header font: Open Sans
      8. Body Font: Open Sans Light
      9. Body link color: #f9d616
      10. Body Text color: #ffffff
      11. Header text color: #f9d616
    4. Background
      1. Stretch background image: yes
      2. Background color: #002649
      3. Background image: none
  3. Header & Navigation
    1. Header format
      1. Header style: default
      2. Enable vertical navigation: no
      3. Hide Navigation until scroll: no
    2. Primary Menu Bar
      1. Make full width: yes
      2. hide logo image: no
      3. Menu height: 62
      4. logo max height: 54
      5. text size: 16
      6. letter spacing: 0
      7. Font: open sans
      8. Font style: TT
      9. Text color: #002649
      10. Active link color: #ffffff
      11. Background color: #f9d616
      12. Dropdown menu background color: #f9d616
      13. Dropdown menu line color:#002649
      14. Dropdown menu text color: #002649
      15. Dropdown menu animation: Expand
    3. Secondary Menu Bar
      1. Make full width: no
      2. Text size: 12
      3. Letter spacing: 0
      4. Font: Default
      5. Font style: none
      6. Background color: #f9d616
      7. Text color: #ffffff
      8. Dropdown menu background color: #f9d616
      9. dropdown menu text color: #ffffff
      10. Dropdown menu animation: Fade
    4. Fixed navigation settings
      1. Hide logo settings: no
      2. Fixed menu height: 37
      3. Text size: 14
      4. Primary menu background color: #f9d616
      5. Secondary menu background color:#ffffff
      6. Primary menu link color:#002649
      7. Secondary menu link color:#ffffff
      8. Active primary menu link color:#ffffff
    5. Header elements:
      1. Show social ocons: no
      2. Show search icon: yes
      3. Phone number: no
      4. Email : no
  4. Footer
    1. Layout:
      1. Column layout: full
      2. Footer background color: #f9d616
    2. Widgets:
      1. Header text size: 18
      2. header font style: none
      3. Body/Link text size: 15
      4. Body/link line height: 1.7
      5. Body font style: none
      6. Widget text color: #ffffff
      7. Widgets link color: #ffffff
      8. Widget header color: #002649
      9. Widget bullet color: #002649
    3. Footer Elements:
      1. show social icons: no
    4. Footer menu:
      1. Footer menu background color: none
      2. Footer menu text color:#002649
      3. Footer menu active link color: #002649
      4. Letter spacing: 0
      5. Font style: none
      6. Font size: 14
    5. Bottom bar:
      1. Background color:#f9d616
      2. Text color: rgba(0,0,196,0.62)
      3. Font style: none
      4. Font size: 10
      5. Social icon size: 22
      6. Social icon color: #666666
  5. Buttons
    1. Buttons style:
      1. Text size: 22
      2. Text color: #f9d616
      3. Background color: none
      4. Border widget: 3
      5. Border color: #f9d616
      6. Border radius: 14
      7. Letter spacing: 1
      8. Button font style: none
      9. Buttons font: Nunito
      10. Add button icon: no
    2. Buttons hover style:
      1. Text color: #f2f2f2
      2. Background color: rgba(249,214,22,0.91)
      3. Border color: none
      4. Border radius: 19
      5. Leter spacing: 1
  6. Blog
    1. Post:
      1. Meta text size: 14
      2. Meta line height: 1.1
      3. Meta letter spacing: 0
      4. Meta font style: TT
      5. Header text size: 30
      6. Header line height: 1
      7. Header letter spacing: 0
      8. Header dont style: B
  7. Mobile Styles
    1. Tablet:
      1. Section height: 50
      2. Row height: 30
      3. Body text size: 12
      4. Header text size: 30
    2. Phone:
      1. Section height: 10
      2. Row height: 28
      3. Body text size: 10
      4. Header text size: 27
    3. Moibile Menu:
      1. Hide logo image: no
      2. Text color: #002649
      3. Background color: #f9d616
  8. Color Schemes
    1. Color schemes: Default
  9. Menu
    1. (These will be specific to the menu you are using on your blog.)
  10. Widgets
    1. (These will be specific to the sidebars you are using on your blog.)
  11. Static Front Page
    1. The Dome uses a Static front page. You should link your 'front page' to your home page (See left).
  • No labels