• 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 / add a logo to the site title tag line area of twenty twelve

add a logo to the site title tag line area of twenty twelve

  • Unknown's avatar
    barefootvintage · Member · May 6, 2014 at 12:11 pm
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hello
    I have literally only just switched blog themes & purchased an upgrade.! So…I am working on how my blog looks.
    I would like to add a logo image to the site title & tag line area of my blog. I am a complete novice with regards to css – as in I have never used it before – so any help would be great.

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

  • Unknown's avatar
    barefootvintage · Member · May 6, 2014 at 12:12 pm
    • Copy link Copy link

    Also…just to add – I want to keep the site title and tagline and for the image to be centred to the page – is that possible?

  • Unknown's avatar
    barefootvintage · Member · May 7, 2014 at 12:34 pm
    • Copy link Copy link

    I have just found this information regards my issue above.
    img.header-image {
    border-radius:0;
    box-shadow:0 0 0 rgba(0,0,0,0);
    position:absolute;
    top:70px;
    }
    .site-header {
    padding-top:7rem;
    }
    I entered the code that was given and its looks great – however my image hovered over my site title and tag line. I would really like the image to be centrally positioned. Please can anyone help – I am, as i have said before a complete and utter novice – I really do not know what the hell I am doing here and so could use some sound advice. I do not know css and so this is a huge learning curve….I have purchased the upgrade obviously and now would like to put it to some use – but not much…just tweaks here and there “IF” I can….. IF being the operative word here…Please help if you can…..I await a response….

  • Unknown's avatar
    thesacredpath · Member · May 8, 2014 at 4:11 am
    • Copy link Copy link

    Wow, for a novice, you’ve done an awesome job of getting the image in there, and even used a media query!

  • Unknown's avatar
    thesacredpath · Member · May 8, 2014 at 2:05 pm
    • Copy link Copy link

    however my image hovered over my site title and tag line. I would really like the image to be centrally positioned.

    Not entirely sure I understand. Do you want the image and the title/tagline centered? Do you want the image to the left of the title/tagline, or do you want it above the title/tagline?

  • Unknown's avatar
    barefootvintage · Member · May 8, 2014 at 3:41 pm
    • Copy link Copy link

    hello thesacredpath

    Thanks for getting back to me…..

    I did a little research and seem to have found sort of what I was looking for….

    what I really wanted was to have my smaller logo image to the right of and centred – but actually I think I can just about live with what I have finallllllly accomplished after hours of research. The code that I found, is not down to me – I just found it, copied and pasted (with a tiny amount of tweaking for size of image). Thanks so much anyhow – I will close the topic, as I seem to have sorted it somewhat…

  • Unknown's avatar
    thesacredpath · Member · May 8, 2014 at 4:52 pm
    • Copy link Copy link

    You are welcome, and if you have questions or problems, do let us know.

  • The topic ‘add a logo to the site title tag line area of twenty twelve’ is closed to new replies.

Tags

  • CSS
  • logo
  • site title
  • tagline
  • Twenty Twelve

About this topic

  • In: CSS Customization
  • 2 participants
  • 6 replies
  • Last activity 12 years
  • Latest reply from barefootvintage

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