Customization FAQ

Customization FAQ

Quick answers to styling and appearance questions.

Colors

How do I change site colors?

  1. Appearance > Customize > Site Skin
  2. Choose a Color Preset (10+ options), OR
  3. Set custom colors in Color Scheme
  4. Click Publish

How do I enable dark mode?

  1. Appearance > Customize > Skin
  2. Toggle Enable Dark Mode to Yes
  3. Configure dark mode colors
  4. Click Publish

A toggle icon appears in your header for visitors.

Fonts

How do I change fonts?

  1. Appearance > Customize > Typography
  2. Set Body Typography for main text
  3. Set Heading Typography for H1-H6
  4. Choose from 800+ Google Fonts
  5. Click Publish

Can I use custom fonts (not Google)?

Yes. Upload font files and add via child theme CSS:

@font-face {
    font-family: 'MyFont';
    src: url('path/to/font.woff2') format('woff2');
}
body { font-family: 'MyFont', sans-serif; }

Custom CSS

Where do I add custom CSS?

Recommended: Appearance > Customize > Additional CSS

  • Live preview before publishing
  • Survives theme updates
  • No child theme needed

My CSS isn’t working

  1. Check specificity – Add !important if needed
  2. Clear all caches – Browser + plugin cache
  3. Verify selector – Use browser inspector (F12) to find correct class

Header

How do I change the header layout?

  1. Appearance > Customize > Site Header > Header Layout
  2. Choose Layout 1, 2, 3, or 4
  3. Click Publish

See Header Layouts for visual comparison.

How do I make the header sticky?

  1. Appearance > Customize > Site Header > Sticky Header
  2. Toggle Enable Sticky Header to On
  3. Click Publish

How do I hide header icons?

  1. Appearance > Customize > Site Header > Header Elements
  2. Toggle off: Search, Cart, Notifications, etc.
  3. Click Publish

Logo

How do I change the logo?

  1. Appearance > Customize > Site Identity
  2. Click Select Logo
  3. Upload your logo (recommended: PNG, 200x60px)
  4. Adjust Logo Width if needed
  5. Click Publish

My logo is too big/small

Adjust the Logo Width slider in Site Identity, or add CSS:

.site-logo-wrapper img {
    max-width: 180px !important;
}

Sidebar

How do I remove the sidebar?

  1. Appearance > Customize > Sidebar
  2. Find the page type (Blog, Pages, Shop, etc.)
  3. Select No Sidebar
  4. Click Publish

Can I have different sidebars per page?

Yes. When editing a page, use the Sidebar meta box to override the default.

Footer

How do I customize the footer?

  1. Appearance > Customize > Site Footer for layout/background
  2. Appearance > Widgets to add footer content
  3. Add widgets to Footer 1, 2, 3, or 4 columns

How do I change copyright text?

  1. Appearance > Customize > Site Footer > Copyright
  2. Enter your text
  3. Use [current_year] for auto-updating year
  4. Click Publish

Related

Need Help? Email support@wbcomdesigns.com

Last updated: January 31, 2026