• 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 / Adding a logo in the header instead of text

Adding a logo in the header instead of text

  • Unknown's avatar
    boneslandscapecompany · Member · Jun 27, 2012 at 10:31 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    I need help changing the header from a text and possibly putting in a logo instead.

    Thanks

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

  • Unknown's avatar
    timethief · Member · Jun 27, 2012 at 10:42 pm
    • Copy link Copy link

    You create a header image of the correct size with your logo in it using either a desktop or online image editing program and then you upload it > Appearance > Header.

  • Unknown's avatar
    thesacredpath · Member · Jun 27, 2012 at 10:47 pm
    • Copy link Copy link

    That can be done and we’ve done it many times with the theme you are using. What you need to do is to get your logo sized and uploaded. The best size would probably be something around 390px x 120px. That is just a general guide, but anything much taller than that would make the white space above the header image grow and it might look out of proportion then.

    If you get your image done, upload it to your media library and then post a link to it here in the forum, we can help you accomplish this.

  • Unknown's avatar
    timethief · Member · Jun 27, 2012 at 11:16 pm
    • Copy link Copy link

    @thesacredpath
    Oh no! I did it again. This is a CSS forum thread (crawling under a rock)

  • Unknown's avatar
    thesacredpath · Member · Jun 27, 2012 at 11:25 pm
    • Copy link Copy link

    No worries timethief.

    How are you doing?

  • Unknown's avatar
    themumsworld · Member · Jun 28, 2012 at 3:47 pm
    • Copy link Copy link

    Im trying to upload my logo to “brand new day theme” and am unable to do so… pls help… my page is still a test so please excuse

  • Unknown's avatar
    timethief · Member · Jun 28, 2012 at 3:53 pm
    • Copy link Copy link

    @themumsworld
    If you have purchased a custom design upgrade please note that all CSS editing is theme specifc and you have posted about a different theme into the thread focused on the Twenty Eleven theme. If you have purchased that upgrade then please click this link and start your own thread for css editing the Brand New Day theme in the CSS forum https://en.forums.wordpress.com/forum/css-customization

  • Unknown's avatar
    designsimply · Member · Jun 30, 2012 at 4:08 pm
    • Copy link Copy link

    I checked http://boneslandscapecompany.com/ and I see it’s not using the Adventure Journal theme.

    To replace the site title text with a logo in the Adventure Journal theme, add this to your Appearance → Custom Design → CSS editor:

    #logo a {
      display: block;
      text-indent: -9999px;
      background: url(http://s.wordpress.org/about/images/logo-blue/blue-l.png) no-repeat;
      width: 150px;
      height: 150px;
    }

    Change the url() value to an image link from your media library. Change the width value to the width of your image. Change the height value to the height of your image.

  • The topic ‘Adding a logo in the header instead of text’ is closed to new replies.

Tags

  • add logo
  • adventure journal
  • Header
  • image replacemnt
  • Twenty Eleven

About this topic

  • In: CSS Customization
  • 5 participants
  • 7 replies
  • Last activity 14 years
  • Latest reply from boneslandscapecompany

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