• 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 logo to top banner

adding logo to top banner

  • Unknown's avatar
    carriejmactavish · Member · Apr 4, 2016 at 7:52 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    I’d like to add a logo image to the right of my site title in the harmonic theme. How is this done? Thanks!

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

  • Unknown's avatar
    timethief · Member · Apr 4, 2016 at 8:17 pm
    • Copy link Copy link

    Consult your detailed theme description page here https://wordpress.com/themes/harmonic/ please.
    See also https://en.support.wordpress.com/site-logo/

  • Unknown's avatar
    carriejmactavish · Member · Apr 4, 2016 at 9:22 pm
    • Copy link Copy link

    Hi thanks for responding, I’ve tried that actually but the logo does not appear in the top banner–or anywhere for that matter. I’m not sure what I’m doing wrong…

  • Unknown's avatar
    timethief · Member · Apr 4, 2016 at 9:58 pm
    • Copy link Copy link

    Then type modlook into the sidebar tags on this thread for Staff help. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Please subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

  • Unknown's avatar
    carriejmactavish · Member · Apr 4, 2016 at 10:09 pm
    • Copy link Copy link

    ok done. thanks again!

  • Unknown's avatar
    timethief · Member · Apr 4, 2016 at 10:12 pm
    • Copy link Copy link

    You’re welcome. However, I’m surprised because this is what’s on the detailed theme description page:

    Harmonic supports the Site Logo feature. To brand your site and include your personal logo, navigate to Customize → Site Title and upload a logo image in the space provided.
    https://wordpress.com/themes/harmonic/

  • Unknown's avatar
    carriejmactavish · Member · Apr 5, 2016 at 8:14 am
    • Copy link Copy link

    Yes, I’ve tried that and the logo appears only in the side panel of the customizer but not anywhere on the site itself. I’ve tried shortening the title but there is just no image appearing in the top banner…

  • Unknown's avatar
    carriejmactavish · Member · Apr 5, 2016 at 9:58 am
    • Copy link Copy link

    I figured out why it’s not appearing I need to set page to “front page” then the logo appears BUT not on the top banner next to the title–which is what we want.

    So I think I have to edit/add code to the CSS in the optimiser. I think this is a premium option only (but I could get that). In any case, I’ve been playing around and added:

    #masthead h1 {
    background: url(“https://voiceforlifecoaching.files.wordpress.com/2016/03/cropped-voice-black-rgb1.jpg”) no-repeat scroll 0 0 transparent;
    background-size: cover;
    padding-right: 40px;
    }

    But the logo appears either under the title text or if I remove the title text completely the logo is cut off in the corner of the top banner…

    basically I want something that looks like this:

    Domov

    thanks again!

  • Unknown's avatar
    timethief · Member · Apr 5, 2016 at 6:20 pm
    • Copy link Copy link

    Note that once you have the required upgrade http://store.wordpress.com/plans/premium/ that contains a custom design upgrade required for CSS editing you can use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can create a thread that will appear in the CSS Forum where you will get the help you need with CSS editing.

    You can also post there prior to purchasing an upgrade to get an answer to whether or not what you want to do can be accomplished via CSS editing.

  • The topic ‘adding logo to top banner’ is closed to new replies.

Tags

  • Harmonic
  • site logo

About this topic

  • In: Support
  • 2 participants
  • 8 replies
  • Last activity 10 years
  • Latest reply from carriejmactavish

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