Customizing Your Footer Layout - Complete Guide

Your website’s footer is more than just the bottom of the page – it’s a valuable space for important links, contact information, and building trust. dSite Theme v1.4.0 gives you complete control over your footer with 4 professional layouts and extensive customization options.

Footer Layout Options

Choose from 4 professional footer layouts in Appearance → Customize → Footer Settings:

1. Four Column Layout (Default)

Structure: 4 equal-width widget areas
Best for: Feature-rich footers with lots of content
Ideal content: About, Quick Links, Services, Contact Info
Perfect for: Large practices with multiple locations or comprehensive services

2. Three Column Layout

Structure: 3 equal-width widget areas
Best for: Balanced footer with good amount of content
Ideal content: About, Quick Links, Contact Info
Perfect for: Most medical practices – the sweet spot

3. Two Column with Logo

Structure: Left column (logo + description), Right columns (2 widgets)
Best for: Brand-focused footers
Ideal content: Logo/branding, Quick Links, Contact
Perfect for: Building strong visual identity

4. Minimal Layout

Structure: Single centered column
Best for: Simple, focused websites
Ideal content: Essential links and contact info only
Perfect for: Solo practitioners with minimal content

Changing Footer Layout

Switch between layouts instantly:

Go to Appearance → Customize → Footer Settings
Find “Footer Layout” setting
Select your preferred layout:
- Four Column – 4 widget areas (default)
- Three Column – 3 equal columns
- Two Column – Logo + 2 columns
- Minimal – Single column centered
Click Publish
Go to Appearance → Widgets to add content to footer widget areas

Footer Logo

Display a separate logo in your footer – perfect for light/white logos on dark backgrounds.

Setting Up Footer Logo:

Go to Appearance → Customize → Footer Settings
Check “Show Footer Logo”
Click “Footer Logo” to upload
- Recommended: White or light version of your logo
- Format: PNG with transparent background
- Size: 300x100px or similar ratio
Adjust “Footer Logo Width” (50-400px)
Click Publish

Pro Tip: If your main logo has dark colors, create a white/light version specifically for the footer!

Footer Colors

Customize all footer colors to match your brand:

Available Color Controls:

Footer Background Color: The main footer background (default: dark gray #1f2937)
Footer Text Color: Body text in footer (default: light gray #9ca3af)
Footer Heading Color: Widget titles and headings (default: white #ffffff)
Footer Link Color: Clickable links (default: blue #60a5fa)

Customizing Footer Colors:

Go to Appearance → Customize → Footer Settings
Find the color picker controls
Click each color to open picker
Choose your colors or enter hex codes
Changes appear live in preview
Click Publish when satisfied

Color Scheme Recommendations:

Dark Professional (Default):

Background: Dark gray (#1f2937)
Text: Light gray (#9ca3af)
Headings: White (#ffffff)
Links: Blue (#60a5fa)

Light Clean:

Background: Light gray (#f3f4f6)
Text: Dark gray (#374151)
Headings: Black (#111827)
Links: Blue (#2563eb)

Brand Match:

Background: Your primary brand color
Text: Contrasting readable color (test 4.5:1 contrast)
Headings: White or light color
Links: Your secondary brand color

Copyright Customization

The footer bottom area displays copyright text and optional credits. Fully customize it!

Dynamic Placeholders:

{site_name} – Replaced with your site name
{year} – Automatically updates to current year

Customizing Copyright Text:

Go to Appearance → Customize → Footer Settings
Find “Copyright Text” field
Enter your text, using placeholders:
- Example: “© {year} {site_name}. All rights reserved.”
- Example: “Copyright {year} by {site_name} | Licensed Medical Practice”
HTML is supported for links:
- Example: “© {year} {site_name}. Privacy Policy“

Credit Toggles:

Show “Powered by WordPress”: Display WordPress credit (on by default)
Show Theme Credit: Display “Theme by BLORIEN” (on by default – we appreciate it!)

You can turn these off, but we’d be grateful if you keep them 🙂

Social Icons in Footer

Control where your social media icons appear in the footer.

Social Icons Position Options:

Top of Footer: Displays with footer widgets
- Best for: Two-column layout with logo
- Prominent placement
Bottom of Footer: Displays with copyright (default)
- Best for: All layouts
- Clean separation
Hide in Footer: Don’t show social icons in footer
- Best for: If you show them in header top bar
- Minimal footers

Setting Up Social Links:

Go to Appearance → Customize → Social Media
Add URLs for:
- Facebook, Twitter, Instagram
- LinkedIn, YouTube
Only filled-in social links will appear
Icons appear automatically in footer

Footer Widgets

Add content to footer widget areas to create an informative and useful footer.

Adding Footer Widgets:

Go to Appearance → Widgets
Find footer widget areas (Footer 1, Footer 2, Footer 3, Footer 4)
Drag widgets into footer areas
Configure each widget
Save changes

Complete Footer Setup Guide

Step 1: Choose Layout

Decide how much content you need in footer
Select appropriate layout (2-4 columns)
Save in Customizer

Step 2: Configure Colors

Set background color
Set text color (ensure good contrast)
Set heading and link colors
Test readability

Step 3: Set Up Logo (Optional)

Enable footer logo
Upload light version of logo
Adjust width

Step 4: Customize Copyright

Write copyright text with placeholders
Add any links (Privacy, Terms)
Configure credit toggles

Step 5: Position Social Icons

Choose where to display
Add social links in Social Media section
Verify they appear correctly

Step 6: Add Widget Content

Add text widget with about info
Add navigation menu
Add contact information
Add any additional widgets

Footer Best Practices

Keep It Organized: Group related links together
Essential Info Only: Don’t overcrowd the footer
Good Contrast: Ensure text is readable on background
Working Links: Test all footer links before launch
Mobile Friendly: Footer stacks beautifully on mobile
Legal Pages: Include Privacy Policy and Terms links
Contact Info: Make it easy to reach you
Consistent Branding: Match header and overall site design

Common Footer Setups

Setup 1: Comprehensive Practice Footer

Layout: Four Column
Column 1: About practice
Column 2: Quick links
Column 3: Services
Column 4: Contact info
Social Icons: Bottom

Setup 2: Focused Professional Footer

Layout: Three Column
Column 1: Practice info + logo
Column 2: Navigation
Column 3: Contact + hours
Social Icons: Top

Setup 3: Minimal Clean Footer

Layout: Minimal
Content: Essential links only
Social Icons: Bottom
Clean, uncluttered

Troubleshooting

Footer Widgets Not Showing?

Ensure “Show Footer Widgets” is checked in Footer Settings
Add widgets to footer areas in Appearance → Widgets
Clear cache if using caching plugin

Footer Logo Not Visible?

Check “Show Footer Logo” is enabled
Ensure logo image is uploaded
Try increasing logo width
Use light/white logo version for dark backgrounds

Copyright Not Updating?

Use {year} placeholder for auto-update
Clear browser cache
Republish in Customizer

Pro Tips

Dark Backgrounds: Create trust and professionalism – dark footer, light content
White Space: Don’t overcrowd – less is more
Link Groups: Organize links into logical categories
Update Regularly: Keep contact info current
Test Mobile: Footer is just as important on phones
Match Brand: Footer should complement your header and overall design
Add Value: Include useful information patients need

With dSite Theme’s footer customization system, you can create a professional, informative footer that enhances your website and builds trust with patients. Take time to set it up properly – it’s worth it!