WordPress.com

1. fairegarden
   Member
   Feb 16, 2012, 5:36 PM

   I would like help placing the blog title/link within the image of my header on Chaotic Soul. I have the css upgrade. Thank you for any help. Right now the blog title/link is very small and above the header photo.

   The blog I need help with is fairegarden.wordpress.com.

2. designsimply
   Staff
   Feb 16, 2012, 6:11 PM

   There's not a way to add a link in CSS, but as a workaround, you can add a link in a text widget and then comandeer it with CSS to overlay it over the top of your header photo in Chaotic Soul.

   First, add a text widget with the following content:

   <a href="http://fairegarden.wordpress.com/"> </a>

   Next, find out the id used for that specific header image. You can do that by looking at the page source after you add your text widget. It will be something like "#text-2". Then add this CSS:

   #text-2 .textwidget a {
     display: block;
     width: 995px;
     height: 151px;
     position: absolute;
     top: -183px;
     left: 0;
     z-index: 9999;
     text-indent: -9999px;
   }

   Replace "text-2" with the ID from the text widget you added. If you have any trouble finding it, post back here after the text widget is added.

3. fairegarden
   Member
   Feb 17, 2012, 12:57 AM

   Thanks, but I cannot find anything in the css sheet that contains #text-2, or text anything for that matter. I have the image as a text widget at the bottom of the sidebar.

4. designsimply
   Staff
   Feb 17, 2012, 9:47 PM

   Well, it helps if the code examples work! In my previous reply, there was a typo and the text widget example code wasn't showing up at all (I've fixed it now if you read back). Can you please create a new text widget with the following html in it and then reply back here when that's done?

   <a href="http://fairegarden.wordpress.com/"> </a>

Topic Closed

This topic has been closed to new replies.