To customize how individual blog posts appear:

• Go to your WordPress dashboard
• Navigate to Appearance > Customize > Posts & Pages > Single Post

Inside the Single Post section, you can control the layout and content display for individual blog posts. Available settings typically include:

• Entry Header Layout
  Choose whether the header appears above or below the post content.
• Featured Image Height
  With this option you can change height or disable the featured image at the top of the post.
• Entry Header Alignment
  Align the post header to the left, center, or right.
• Related Posts
  Turn on or off related posts that display after the main content.
• Post Navigation
  Show or hide next/previous post links.
• Footer Customization
  Adjust what appears at the bottom of each post (tags, author box, etc.).

Accessing Single Page Settings

To configure the layout of individual pages (like “About” or “Contact”):

• Go to your WordPress dashboard
• Navigate to Appearance > Customize > Posts & Pages > Single Page

Inside the Single Page section, you’ll find similar layout controls. Options typically include:

• Page Header Layout
  Move the page title above or below the content.
• Featured Image Height
  Show or hide the featured image on top of the page.
• Page Header Alignment
  Choose between left, center, or right alignment.

Notes

• These settings apply globally to all posts or pages. For layout changes on individual items, use the Sidebar Layout or Page Template settings while editing that specific post or page.
• To configure what metadata appears (like author name, date, or categories) at the beginning of the post, go to Appearance > Customize > Posts & Pages > Meta Settings.

• Post Style
  Choose whether to show the full post content or pick a layout.
• Featured Image Size
  Change the orientation or size for the featured image.
• Post Columns
  Set how many columns to display per row when using a grid layout (e.g. 1, 2, 3, or more).
• Excerpt Length
  Define the maximum number of words or characters for the excerpt. Set this to 0 to remove the excerpt entirely.
• Read More Button
  Enable or disable the button that links to the full post.
• Fonts & Colors and so on…

In case you want to change the layout of archive-type pages (like category pages, search results, tags, etc.), go to Appearance > Customize > Posts & Pages > Archive Posts. Here, you’ll find similar options as in the Blog Posts section, allowing you to control the display of posts in archive views.

Notes

• All changes can be previewed in real time using the live Customizer.
• These settings do not affect individual posts – only the way posts are shown in lists or feeds.

Global Layout Settings

To access your main layout options:

Go to Appearance > Customize > Site Layout

Here you’ll see three layout choices:

• Right Sidebar – your main content appears on the left, with a sidebar on the right.
• Left Sidebar – content on the right, sidebar on the left.
• No Sidebar – gives your content the full width of the page, without any sidebar.

These settings apply across your entire site. However, if you want hide the layout only on certain pages you can check one of the boxes below:

• Hide sidebar on single posts – this appears when viewing individual blog posts.
• Hide sidebar on single pages – for the sidebar from standard pages like “About” or “Services”.
• Hide sidebar on blog pages – disables the sidebar on your blog feed, archive pages, search results, and similar sections.

These checkboxes let you fine-tune the layout without having to use a different template for every page.

Layout per Page or Post

Sometimes, you might want a certain post or page to look different from the rest – maybe you don’t want a sidebar on your contact page, or you want a full-width look for a landing page.

You can do that while editing a page or post:

1. Go to Pages or Posts in your dashboard.
2. Click Edit on the one you want to modify.
3. On the right side of the editor, open the Sidebar Layout section.
4. Choose one of the options:
   • Left Sidebar
   • Right Sidebar
   • No Sidebar

This change will only affect that specific post or page, leaving the rest of your site unchanged.

Optional Page Templates

When editing pages (not posts), you might also see some page templates you can select, depending on what your theme supports. These give you a bit more flexibility in how the page is structured:

• Blank – no header, menu, or footer, just the content you add. Ideal for standalone designs or landing pages.
• Full Width Content – stretches the page content to fill the entire width of the screen.
• No Sidebar, No Title – hides both the sidebar and the page title, so you can display only the content area.

Keep in mind that these templates are only available on pages, not on blog posts.

How to Adjust Widths

1. Go to your WordPress dashboard.
2. Click on Appearance > Customize > Site Layout.

Here are the options you’ll find:

• Site Container Width – Changes the full width of your site.
• Sidebar Width – Controls how wide the sidebar is.
• Single Post/Page Width – Adjusts the content area when a sidebar is active.
• Blog Pages Width – Sets the width for your blog post listings.
• Archive/Search Page Width – Changes the width for category, archive, and search result pages.

You can enter the width in pixels (px) or percentages (%), whichever works best for your layout.

There are no strict limits, so feel free to adjust things until they look just right!

You can control everything from the layout and width to the number of slides shown and the appearance of navigation buttons.

Add the Slider to Your Site

Note: Only one slider should be placed per page for optimal performance.

To insert the slider:

1. Open the page where you want the slider to appear, or go to Appearance > Widgets and select a widget area.
2. Add a Shortcode block.
3. Paste the following shortcode:

[themeshine-slider]

Adjust Slider Settings

To customize how the slider functions and looks, head to Appearance > Customize > Featured Slider > Slider Settings.

Inside, you’ll be able to:

• Choose the slider layout to better fit your design.
• Set the number of slides to scroll.
• Specify how many posts are visible at once.
• Enable or disable navigation buttons and dots.

Style the Slider (Fonts & Colors)

For visual customization, go to:

Appearance > Customize > Featured Slider > Fonts & Colors

From there, you can change fonts, colors for the slider title, meta and excerpt, as well as update button colors and other accent elements.

Tip: Using a global palette is the fastest way to maintain visual consistency. However, individual color controls offer more precision if you’re after specific styling.

Apply a Global Color Scheme

Head to Appearance > Customize > Global Style > Global Palette in your WordPress dashboard. This area lets you define your site’s primary colors, such as background, text, links, and accent tones. Once set, these colors automatically apply to most elements, ensuring your design looks cohesive throughout.

Change Colors for Specific Sections

If you want more control, you can update colors in specific areas like the Header & Menu, Posts & Pages, or Site Footer. Just navigate to Appearance > Customize, then open the section you’d like to modify. Most sections include dedicated color pickers for things like background, text, borders, and buttons.

All changes are shown in real-time, so you can instantly preview your new color setup before hitting publish.

Note: It’s faster to update fonts globally, but if you want more specific styling, you can change fonts for each section individually.

Change Fonts Globally

Go to your WordPress dashboard > Appearance > Customize > Global Style > Global Fonts. In this area, you can change the fonts for key parts of your site such as the body text, menus, entry meta, and blockquotes. This is the quickest way to apply a consistent typography style throughout your entire site.

Change Fonts Individually

If you prefer to fine-tune fonts for certain areas only, simply navigate to Appearance > Customize and click on the section you’d like to edit (e.g., Header & Menu, Posts & Pages, Site Footer). Each section will have its own font options that let you control font family, size, weight, spacing, and more.

Below are the main typography options you can adjust:

• Font Family – Pick from a wide selection of Google Fonts. Just select a font that fits your brand’s look and feel from the available list.
• Variants – Adjust the thickness of your text, such as Light, Regular, Medium, or Bold, depending on what the font offers.
• Font Size – You can manually enter a size in pixels to change how large or small the text appears.
• Text Transform – Choose how your text is displayed: you can use normal case, all UPPERCASE, all lowercase, or Capitalize Each Word.
• Line Height – Modify the vertical spacing between lines of text to improve legibility, especially for paragraphs.
• Letter Spacing – This setting tweaks the space between individual characters. A little more spacing can make headings stand out.

All font settings include a live preview, so you can see your changes in real time before publishing them.

The easiest and safest way to do this is by using the WPCode plugin:

1. Log into your WordPress dashboard and go to Plugins > Add New.
2. Search for WPCode – Insert Headers and Footers + Custom Code Snippets.
3. Click Install, then Activate the plugin.
4. In the left sidebar, go to Code Snippets > Header & Footer.
5. Paste your code in the appropriate box:
   • Use the Header box for anything that belongs inside <head>.
   • Use the Body box for code that needs to appear right after <body>.
   • Use the Footer box for code that should go before </body>.
6. Click Save Changes when you’re done.

That’s it! You’ve added your custom code without touching your theme files.

• Primary Menu – displayed above the site title
• Secondary Menu – displayed below the site title
• Left Menu – placed to the left of the logo or site title
• Right Menu – placed to the right of the logo or site title
• Mobile Menu – used specifically on smaller screens
• Footer Menu – shown in the footer area

Once you’ve assigned your menu to a location, you can personalize the design by adjusting layout, spacing, and visibility settings. For style options like colors, font choices, or mobile layout behavior, check out our Navigation Menu Customization Guide.

Need help building your first menu? Follow our step-by-step guide on Creating a WordPress Menu.

Table of Contents

• Accessing Layout Options
• Changing Menu Fonts & Colors
• Configuring Mobile Menu

Accessing Layout Options

To begin customizing your menu layout, navigate to:
Appearance > Customize > Header & Menu > General Settings

From here, you can configure several key options:

• Enable a sticky (fixed) header for easier access
• Adjust alignment, padding and width settings
• Choose the social icons location in the menu
• Replace the menu search form text

Note: To see layout changes take effect, make sure a menu is assigned to the correct location. For more details, see our article on how to change header and menu layout in WordPress.

Changing Menu Fonts & Colors

To personalize your menu’s color scheme:
Head to Appearance > Customize > Header & Menu > Fonts & Colors

Here, you can tweak fonts and change the text color, hover states, background shades, and even border colors for various menu levels.

Configuring Mobile Menu

To fine-tune the mobile menu experience, go to:
Appearance > Customize > Header & Menu > Mobile Menu

In this section, you can:

• Select a header layout (e.g., logo centered, or inline)
• Adjust alignment for the mobile site title or logo
• Customize header padding for better spacing
• Enable or disable the search icon in the mobile header
• Choose a mobile menu animation (such as slide, fade, or drop-down on click)
• Pick a custom icon for the mobile menu button (hamburger or dots)

Tip:
Always test your mobile menu on several screen sizes to make sure it remains intuitive and easy to use across all devices.