Skip to content
  • Solutions
    By Role
    • For Developers
    • For Content Managers
    • For Agencies
    • For IT Admins
    • For Web Hosters
    • For Developers
    • For Content Managers
    • For Agencies
    • For IT Admins
    • For Web Hosters
    By Infrastructure
    • Overview
    • AWS
    • Microsoft Azure
    • Alibaba Cloud
    • Google Cloud Platform
    • Vultr
    • Overview
    • AWS
    • Microsoft Azure
    • Alibaba Cloud
    • Google Cloud Platform
    • Vultr
    • Digital Ocean
    • Linode
    • Upcloud
    • Oracle
    • OVH
    • Digital Ocean
    • Linode
    • Upcloud
    • Oracle
    • OVH
  • Product
    • Plesk Features
    • Plesk Editions
    • What’s new
    • Pricing
    • Roadmap
    • Lifecycle Policy
    • Extensions Catalogue
  • Pricing
  • Extensions
    Featured Extensions
    • SocialBee
    • WP Toolkit
    • Sitejet Builder for Plesk
    • SEO Toolkit
    • Joomla! Toolkit
    • Premium Email
    • Email Security
    • SocialBee
    • WP Toolkit
    • Sitejet Builder for Plesk
    • SEO Toolkit
    • Joomla! Toolkit
    • Premium Email
    • Email Security
    Bundles and packs:
    • Business and Collaboration Edition
    • WP pack
    • Hosting pack
    • Power pack
    • Language pack
    • Business and Collaboration Edition
    • WP pack
    • Hosting pack
    • Power pack
    • Language pack

    See all Extensions

  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
  • Pricing
  • Solutions
    • By Role
      • For Developers
      • For Content Managers
      • For Agencies
      • For IT Admins
      • For Web Hosters
    • By Infrastructure
      • Overview
      • Plesk on Amazon Web Services (AWS & Lightsail)
      • Microsoft Azure
      • Alibaba Cloud
      • Google Cloud Platform
      • Vultr
      • DigitalOcean
      • Linode
      • UpCloud
      • Oracle
      • OVH
  • Products
  • Pricing
  • Extensions
    • Featured Extensions
      • SocialBee
      • WP Toolkit
      • Sitejet Builder for Plesk
      • SEO Toolkit
      • Joomla! Toolkit
      • Premium Email
      • Email Security
    • Bundles and packs:
      • Business and Collaboration Edition
      • WP pack
      • Hosting pack
      • Power pack
      • Language pack
      • See all Extensions
  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate Program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
  • Pricing
  • Solutions
    • By Role
      • For Developers
      • For Content Managers
      • For Agencies
      • For IT Admins
      • For Web Hosters
    • By Infrastructure
      • Overview
      • Plesk on Amazon Web Services (AWS & Lightsail)
      • Microsoft Azure
      • Alibaba Cloud
      • Google Cloud Platform
      • Vultr
      • DigitalOcean
      • Linode
      • UpCloud
      • Oracle
      • OVH
  • Products
  • Pricing
  • Extensions
    • Featured Extensions
      • SocialBee
      • WP Toolkit
      • Sitejet Builder for Plesk
      • SEO Toolkit
      • Joomla! Toolkit
      • Premium Email
      • Email Security
    • Bundles and packs:
      • Business and Collaboration Edition
      • WP pack
      • Hosting pack
      • Power pack
      • Language pack
      • See all Extensions
  • For Partners
    • Plesk Contributor Program
    • Plesk Partner Program
    • Affiliate Program
    • Plesk University
  • Help Center
    • Documentation
    • Professional Services
    • Support
    • Contact Us
    • Wiki
    • Forum
  • Plesk 360 login
  • Free Trial
Plesk 360 login
Free Trial

Knowledge Base

Changing the Website Header Elements

 
creating sites with presence builderdesign design templates layout styles color scheme and headerediting websitesreseller guidewebsite management

The site header consists of the following elements:

  • Banners. There might be one or several banners in the header
    area, depending on the selected design template.

    You can do the following to the banner:

    • Upload your own banner image or a Flash file in SWF format.
    • Select and apply a banner from the Presence Builder library.
    • Add text to show on the banner.
    • Remove the banner and use a background filled with a color or
      images.
    • Remove the banner and all other elements from the header area to
      reduce its height to 25 pixels.
    • Move the banner to the content area and insert it into a specific
      page or into all pages of the website.
  • Logo image. You can do the following to the logo:

    • Upload your own logo image or a Flash file in SWF format.
    • Move the logo from the header area to other parts of webpages,
      such as sidebars and content area.
    • Insert any number of logo images into the site-wide (DESIGN)
      areas.
    • Resize the logo by specifying the desired dimensions in pixels, or
      by dragging the sides and corners of the image with a mouse
      pointer.
    • Remove the logo.
  • Site name. This usually contains a company name or a brief site
    description like, for example, “John Doe’s Recipes”.

  • Site slogan. This usually includes a description of your site or
    a company slogan.

To change a banner image or other elements (logo, site name, slogan,
or text):

  1. Click the banner image.

  2. Click the thumbnail in the Image list menu.

  3. Do any of the following:

    • To use an image from the library, select it. To find relevant
      images, type a keyword into the input box. To hide the images that
      do not match the website’s color scheme, select the Suitable by
      color scheme
      checkbox.
    • To use your own image or a Flash file in the SWF format, click
      Upload, and select the file that you want to use. Images
      should be in the GIF, JPEG, and PNG formats, preferably not wider
      than 900 pixels.
    • To remove an image, select the option No image.
  4. If you want to resize a banner, drag the icon <img src="image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-default-src="/en-US/obsidian/reseller-guide/images/73485.png" data-webp-src="/en-US/obsidian/reseller-guide/images/73485.webp" data-webp-srcset="/en-US/obsidian/reseller-guide/images/73485-480w.webp 480…

Tweet
Share
Share
Email
0 Shares
Read the full article
Related Posts

Guide on Website Management

Read More »

Plesk Obsidian Preview: The Curtain Lifts

Read More »

Website Management Routine Basics

Read More »
Knowledge Base

Extended Website Management

Read More »

Changing Your Website Layout

Read More »

Selecting Website Colors, Background Images, Fonts, and Styles for Borders and Corners

Read More »

Changing the Website Header Elements

Read More »

Hosting Wiki

X-twitter Linkedin Youtube Reddit Github
  • Product
  • Login
  • Pricing
  • Editions
  • For Partners
  • Partner Program
  • Contributor Program
  • Affiliate Program
  • Plesk University
  • Company
  • Blog
  • Careers
  • Events
  • About Plesk
  • Our Brand
  • Resources
  • User and Admin guides
  • Help Center
  • Migrate to Plesk
  • Contact Us
  • Hosting Wiki
  • Forum
  • Legal
  • Legal
  • Privacy Policy
  • Imprint

© 2025 WebPros International GmbH

Part of the WebPros®  Family