• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Logo or other image instead of header text

Logo or other image instead of header text

  • Unknown's avatar
    naszetrendy · Member · Jul 13, 2012 at 5:34 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi,

    Is it possible to change header title and description into my own image? I was thinking I could put a logo in there :)

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    steverd · Member · Jul 14, 2012 at 9:08 pm
    • Copy link Copy link

    I am looking for this answer also!
    Do I just edit my header.php and place my logo.png in there someplace?

  • Unknown's avatar
    timethief · Member · Jul 14, 2012 at 9:30 pm
    • Copy link Copy link

    @steverd

    I am looking for this answer also!
    Do I just edit my header.php and place my logo.png in there someplace?

    Please read this http://support.wordpress.com/com-vs-org/ and be aware that these support forums are only for those with free hosted wordpress.com blogs. This specific CSS Forum is only for those who have free hosted wordpress.com blogs aho have paid for a custom design upgarde. We cannot access the files you indicate on free hosted wordpress.com blogs.

  • Unknown's avatar
    designsimply · Member · Jul 31, 2012 at 12:31 am
    • Copy link Copy link

    @naszetrendy, yest, that’s possible. Here’s an example of adding in a logo next to the site title and tagline:

    #logo {
    	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png) center left no-repeat;
    	padding-left: 40px;
    }

    Here’s an example of replacing the site title and tagline in Skeptical:

    #logo h1 a {
    	display: block;
    	width: 40px;
    	height: 40px;
    	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png) left 8px no-repeat;
    }
    #logo h1 a,
    .site-description {
    	text-indent: -9999px;
    }

    You would need to replace the url() value with your own image link and adjust the width and height accordingly?

  • Unknown's avatar
    naszetrendy · Member · Aug 5, 2012 at 2:46 pm
    • Copy link Copy link

    That works just great!
    Thank you for adding Skeptical version as well :)

  • The topic ‘Logo or other image instead of header text’ is closed to new replies.

Tags

  • CSS
  • Header
  • image replacement
  • logo
  • Skeptical

About this topic

  • In: CSS Customization
  • 4 participants
  • 4 replies
  • Last activity 13 years
  • Latest reply from naszetrendy

Couldn't find what you needed?

Contact us

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions