• 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 in Header

Logo in Header

  • Unknown's avatar
    marleinlemmens · Member · Jan 20, 2013 at 11:54 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Hi,
    I’m trying to put an image in the header of my website.
    I’ve got this code:

    .site-title {
    background: url(‘http://marleinlemmens.files.wordpress.com/2013/01/head-test-01.jpg’) left center no-repeat;
    width: 1895px;
    height: 200px;
    }

    .site-title a {
    color: transparent!important;
    width: 1895px;
    height: 200px;
    }

    It works on this site: http://www.chiropractie-nijmegen.com
    But when i try to put it on my site it say’s: Preview: changes must be saved or they will be lost.

    even though i’ve already saved it…

    Can anybody help?

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

  • Unknown's avatar
    raincoaster · Member · Jan 20, 2013 at 12:10 pm
    • Copy link Copy link

    Do you have the Custom Design upgrade for that blog?

  • Unknown's avatar
    marleinlemmens · Member · Jan 20, 2013 at 12:23 pm
    • Copy link Copy link

    Yes i do.

    http://www.chiropractie-nijmegen.com had the same problem at first. But then someone changed the code and made it work.

    i copied that code, but it doesn’t work for me…

  • Unknown's avatar
    justpi · Member · Jan 20, 2013 at 2:47 pm
    • Copy link Copy link

    a) “.site-title” is called a selector. It targets a specific element. But each theme names elements its own way, i.e. has different selectors. Suburbia doesn’t use this exact selector, so the above code can have no effect. Besides, the title area in 2012 covers the entire width of the theme while in Suburbia it’s next to the small header image and covers 2/5 of the width, with the tagline next to it instead of below it, so you need a different solution. In short, CSS editing is theme specific: you don’t transfer CSS code from theme to theme.
    b) The image you want to insert is 1895px wide. The width of Suburbia is 980px. So for starters you need a different version of the image.
    c) Why are you using Suburbia when you aren’t taking advantage of its distinguishing feature (the grid layout of the main posts page)? You could select a theme that supports a full width header image and insert the logo image the normal way (via Appearance > Header).

  • The topic ‘Logo in Header’ is closed to new replies.

Tags

  • code
  • Header
  • image
  • logo

About this topic

  • In: Support
  • 3 participants
  • 3 replies
  • Last activity 13 years
  • Latest reply from marleinlemmens

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