Having the blog title/home link show within the header photo on Chaotic Soul

  • Author
  • #825493


    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.


    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.



    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.


    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>

The topic ‘Having the blog title/home link show within the header photo on Chaotic Soul’ is closed to new replies.