WordPress.com

1. marleinlemmens
   Member
   Jan 20, 2013, 11:54 AM

   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 marleinlemmens.com.

2. raincoaster
   Member
   Jan 20, 2013, 12:10 PM

   Do you have the Custom Design upgrade for that blog?

3. marleinlemmens
   Member
   Jan 20, 2013, 12:23 PM

   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...

4. justpi
   Member
   Jan 20, 2013, 2:47 PM

   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).

Topic Closed

This topic has been closed to new replies.