Need help? Check out our Support site, then


Making my header a link

  1. Hello !
    I'd like to make my header a link that goes back to my main page. Also, I wonder if anyone could help me make sure that an image from my post appears on my main page once posted.

    The blog I need help with is allerauxvues.com.

  2. I've actualy managed to make my header work as a link by reading earlier posts.

    However, the issue with the size of my posts still remains. I'm using a heavily modified version of Suburbia so maybe I made a mistake somewhere along the way. The magazine-like interface of the theme is what attracted me to it in the first place so a little help would be great !

    Thank you :)

  3. Can you poiint me in the direction of post that solved your header link?

  4. I'd like to make my header a link that goes back to my main page.

    The best way I know of to do this is to setup a background image on an already existing link. What CSS you use will depend on the theme you are using.

    In the Suburbia theme, the built in header logo that you can update from the Appearance → Header page in your blog dashboard already links back to your home page. If you'd like to look at a more specific example of how to do this, please provide a link so we can see what CSS you've already added and adjust from there.

  5. I wonder if anyone could help me make sure that an image from my post appears on my main page once posted.

    To make the Suburbia theme show an image with a post on the home page, set a featured image for the post. Note that the featured image must be at least 350x248 pixels to work for sticky posts which have a larger featured image on the home page.

    Check out this themes page to learn more about Suburbia's features:
    http://theme.wordpress.com/themes/suburbia/

    See this help page to learn more about featured images:
    http://en.support.wordpress.com/featured-images/

  6. I have tried using the following CSS to make my header link to my home page:

    }

    #text-1 {
    background:none;
    }

    #text-1 h3,#text-1 h3.widgettitle {
    display:none;
    }

    #text-1 a {
    position:absolute;
    top:0;
    left:110px;
    width:780px;
    height:180px;
    display:block;
    border:solid 1px #f00;
    }

    #text-1 a span {
    display:none;
    }

    BUT it doesn't seem to be working.

    Can you help de-bug my CSS?

  7. Instead of what you're trying to do by adding a text widget and re-positioning it, I think there's an easier way. You can take over the link that exists for the site title in the K2-lite theme.

    Also note that your theme doesn't use "site-title" as an ID, so you shouldn't use #site-title in your CSS. You should look at the HTML to see what IDs and classes are available. We can help you with that here! But I would also recommend checking out a basic tutorial to learn more about the basics because it will help you along the way!
    http://www.htmldog.com/guides/cssbeginner/

    Go to Appearance → Header and select Yes for the "Display Text" option.

    Then add this to your Appearance → Custom Design → CSS page:

    #header h1 {
    padding: 0;
    }
    
    #header h1 a {
    position: absolute;
    display: block;
    width: 780px;
    height: 175px;
    text-indent: -9999px;
    }
  8. Yes, Yes, Yes!

    Thank you, it has been 'bugging' me for weeks now.

    Really glad to get it solved.

Topic Closed

This topic has been closed to new replies.

About this Topic