1. Home
  2. Docs
  3. Theme Setting
  4. Ulrike Customizer

Ulrike Customizer

To access the customizer, from your dashboard navigate to Appearance > Customize where the settings are organized into logical tabbed sections. These are the global options for your website. If you want to set specific options for a specific page, post, set them in Metabox settings which will override the general setting. You can locate the metabox in every page/post.

a.    General Section

You can set general options for your site in this section: Global, Layout, Breadcrumbs, Transition, 404 Page and Custom Code.

  • Global
  1. Enable/Disable Sticky Sidebar
  2. Enable/Disable Back to Top
  3. Enable/Disable Lazy Load
  • Layout
  1. Container Width
  2. Body Background Color
  3. Body Background Image
  4. Body Background Image Size
  5. Body Background Image Repeat
  6. Body Background Image Position
  7. Body Background Image Attachment
  • Breadcrumbs
  1. Enable/Disable Breadcrumbs on Post
  2. Enable/Disable Breadcrumbs on Page
  3. Breadcrumbs Size
  4. Enable/Disable Uppercase Breadcrumbs
  • Transition
  1. Enable/Disable Transition
  2. Transition Loader Layout
  3. Transition Interval (ms)
  • 404 Page
  1. Image Option (With or Without Image)
  2. Text Alignment
  3. Title & Body Text
  4. 404 Section Height
  5. Display/Hide Search
  • Custom Code
  1. Custom Code Css
  2. Custom Code JS Header
  3. Custom Code Js Footer

b.    Logo & Site Identity Section 

Navigate to Appearance > Customize > Header > Logo & Site Identity on your admin panel You can set up Global logo, Site Title, Tagline, Site Icon, and sticky logo (for header sticky) in this section.

  • Site Identity
  1. Site Title
  2. Site Tagline
  3. Site Icon
  • Default Logo
  1. Upload Logo
  2. Logo Height
  • Logo Light
  1. Upload Logo
  2. Logo Height
  • Logo Dark
  1. Upload Logo
  2. Logo Height
  • Sticky Logo
  1. Upload Logo
  2. Logo Height
  • Mobile Logo
  1. Upload Logo
  2. Logo Height
  • Footer Logo
  1. Upload Logo
  2. Logo Height

c.     Social Account Section

Show list of social icons which style is set on social icon section in header, and footer settings. To set up your social account go to Appearance > Customize > Social Account.

  • Social Media
  • Social Style
  1. Icon
  2. Text

d.    Header Section 

There are many possibilities in creating your header. To begin modifying, navigate to Appearance > Customize > Header on your admin panel. There you can set up all elements in the header with the live preview on the right side. You can also set these header elements for your site in this section: Header Section 1, Header Section 2, Header Section 3, Header Mobile, Sticky Header, Header Newsletter, Header Cart, Header My Account, Header Transparent

  • Header Cart
  1. On/Off Cart Icon on Header
  2. Display Cart (Link/Dropdown/Off Canvas)
  3. Show/Hide Total Price on desktop
  • Header Mobile
    1. Header Mobile Height
    2. On/Off Social
    3. On/Off Search
    4. Background Color
    5. Text Color
  • Header My Account
    1. On/Off Login Register
    2. My Account Style
    3. Show Login Register (Link/Dropdown/Modal)
    4. Upload Image
    5. Login Image Repeat
    6. Login Image Position
    7. Login Image Size
    8. Login Image Attachment
  • Header Newsletter
    1. Newsletter Type (Logo/Text)
    2. Background Style (Image/Color)
    3. Newsletter Image Background
    4. Background Image Repeat
    5. Background Image Position
    6. Background Image Size
    7. Background Image Attachment
    8. Mailchimp Shortcode
    9. Header Subscribe Tittle
    10. Header Subscribe Text
  • Header Section 1
    1. Header Section 1 min Height
    2. Color Background Section 1
    3. Text Color Section 1
    4. Header Text Transform
  • Header Section 2
    1. Welcome Text
    2. Header Section 2 Min Height
    3. Background Style Section 2
    4. Text Color
    5. Header Text Transform
  • Header Section 3 (For Header Layout 2)
    1. Header Section 3 Min Height
    2. Color Background Section 3
    3. Text Color
    4. Header Text Transform
  • Header Sticky
    1. Header sticky min height
    2. Color background sticky
    3. Sticky Header Text Color
    4. On/Off Header Sticky Border
    5. Sticky Header Border Color
    6. Sticky Header Border Width
  • Header Transparent
    1. Text Color Transparent Light
    2. Text Color Transparent Dark
  • Header Layout
    1. Header Layout
    2. On/Off Header Border
    3. Show/Hide Search on Header

e.      Footer Section 

The same as building your header, you can easily customize footer. Navigate to Appearance > Customize > Footer>Footer Layout on your admin panel to set up your footer. You can set these footer elements for your site in this section: Footer Logo, Footer Layout, Footer Copyright & Author Footer Miscellaneous, Footer Instagram (you need to install smash balloon plugin), and Footer Newsletter (you need to install mc4wp plugin).

  • Footer Instagram
    1. On/Off Instagram on Footer
    2. Number of Images
    3. Instagram Footer Title
    4. Instagram Account
  • Footer Newsletter

This setting only affected on Footer Layout 3

  1. Background Style
  2. Background Color
  3. Newsletter Background Image
  4. Background Image Repeat
  5. Background Image Position
  6. Background Image Size
  7. Background Image Attachment
  8. Mailchimp Shortcode
  9. Footer Subscribe title
  10. Footer Subscribe Text
  • Footer Logo
    1. On/Off Footer Logo
  • Footer Layout
    1. Footer Layout
    2. Footer Background Color
    3. Footer Text Color
    4. Footer Line Color
    5. On/Off Footer Border
  • Footer Copyright & Author
    1. Footer Copyright Text
    2. Footer Author Text
  • Footer Miscellaneous
    1. On/Off Social Media on Footer
    2. Footer Text Transform

 

f.     Color Section

These options allow you to set custom colors for these elements in your site: General Color, Button Color, and Color Palette.

  • Color General
    1. Accent Color
    2. Hover Style
    3. Body Text Color
    4. Heading Text Color
    5. Extra Color
    6. Widget Title Color
    7. Dot Nav color
    8. Slide Nav Color
  • Color Button
    1. Button Fill Background Color
    2. Button Fill Text Color
    3. Button Outline Background Color
    4. Button Outline Text Color
    5. Button Radius
  • Color Palette
  • Featured Area Category Color (only show on featured style 1)
    1. Category Background Color
    2. Category Text Color

g.    Blog Section 

 Navigate to Appearance > Customize > Blog on your admin panel You can set up these options in this section – Archive Layout, Promo Boxes, Blog Layout (Archive on home page), Blog Single Layout, and Featured Area.

  • Blog Archive
    1. Content Layout
    2. Layout
    3. Style
    4. Alternate Style (for list layout)
    5. On/Off set different amount of post on 1st page
    6. Display Blog Layout Heading
    7. Show/Hide Category on Archive
    8. Category Style
    9. Show/Hide Date on Archive
    10. Pagination style
    11. Page Title Background Color
    12. Page Title Background Image
    13. Page Title Background Image Size
    14. Page Title Background Image Repeat
    15. Page Title Background Image Position
    16. Page Title Background Image Attachment
    17. Page Title Text Color
  • Blog Layout
    1. Content Layout
    2. Layout
    3. Style
    4. Alternate Style (for list layout)
    5. On/Off set different amount of post on 1st page
    6. Display Blog Layout Heading
    7. Show/Hide Category on Archive
    8. Category Style
    9. Show/Hide Date on Archive
    10. Pagination style
    11. Page Title Background Color
    12. Page Title Background Image
    13. Page Title Background Image Size
    14. Page Title Background Image Repeat
    15. Page Title Background Image Position
    16. Page Title Background Image Attachment
    17. Page Title Text Color
  • Blog Single
    1. Sidebar Layout
    2. Post Title Layout
    3. On/Off Featured Image
    4. On/Off Post Title
    5. On/Off Uppercase Title
    6. On/Off Categories
    7. On/Off Author on Header Post
    8. On/Off Meta Share Button
    9. On/Off Post Date
    10. On/Off Post Tags
    11. On/Off Prev Next Button
    12. On/Off Author Box
    13. On/Off Comment Count
    14. On/Off Comment Box
    15. On/Off Related Article
    16. Related Article Tittle
  • Featured Area
    1. On/Off Featured Area
    2. Layout
    3. Featured Area Source
    4. Height
    5. On/Off Uppercase Title
    6. On/Off Auto Play
  • Promo Boxes
    1. On/Off Promo Boxes
    2. Promo Box Layout
    3. Promo Boxes Column
    4. On/Off Promo Box Overlay
    5. Promo Boxes Height
    6. Promo Box Image (1,2,3,4)
    7. Promo Box Tittle (1,2,3,4)
    8. Promo Box Subtitle (1,2,3,4)
    9. Promo Box url (1,2,3,4)
    10. Open in new tab / same tab (1,2,3,4)

h.    Page Section 

Navigate to Appearance > Customize > Page on your admin panel You can set up page layout globally in this section.

  1. Header Transparacy
  2. Sidebar Layout
  3. On/Off Comment on page

i.      Typography Section 

Fonts in Ulrike are customizable. Everything you need to adjust your website fonts can be found in Appearance > Customize > Typography.

  • Header
    1. Header Element Font Size
    2. Header Element Letter Spacing
    3. Header Element Font
    4. Dropdown Font
  • Post Setting
    1. Post Title Font
    2. Post Category Font
    3. Post Meta Font
  • Site Identity
    1. Site Tittle Font
    2. Tagline Font
    3. Sticky Site font
    4. Tagline Sticky Font
  • Button
    1. Button Font
    2. Button Font Size
    3. Button Letter Spacing
  • Newsletter
    1. Header Newsletter Font Title
    2. Header Newsletter Font Subtitle
    3. Footer Newsletter Font Title
    4. Footer Newsletter Font Subtitle
  • Footer
    1. Footer Element Font
    2. Footer Element Font Size
    3. Footer Element Letter Spacing
  • Sidebar
    1. Widget Title/Heading Font
    2. Widget Paragraph Font
    3. Widget Link Font
  • Main Font
  • Secondary Font

j.      Menus Section 

Navigate to Appearance > Customize > Menus on your admin panel You can set up Menu Locations in this section.

  • Footer Menu
  • Mobile Menu
  • Primary menu

k.     Widgets Section 

Navigate to Appearance > Customize > Widgets on your admin panel You can set up Widgets in sidebar in this section.

  • Sidebar
  • Sidebar 1 Column Under Featured Area
  • Sidebar 2 Column Under Featured Area
  • Sidebar 3 Column Under Featured Area
  • Sidebar 4 Column Under Featured Area

l.      Homepage Settings Section 

Navigate to Appearance > Customize > Homepage Settings on your admin panel You can set your homepage displays in this section.

 

m.   WooCommerce Section 

This section will appear if you install WooCommerce plugin. You can find the e-commerce settings of our theme such as Product Catalog, Shop, and Single Product settings.

Was this article helpful to you? Yes No

How can we help?