image widgets, want to align differently

Home Forums Automattic Funki image widgets, want to align differently

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #101362 Resolve

    Nathon Sims

    Hi, so I got my image widgets working and linked correctly, but they are lining up in a vertical line. I want them to line up in rows of 2, so that the 4 I have will create a big box.


    [x] [x]
    [x] [x]

    I can’t seem to get it to do that?

    Also, I want my “header” to be a link back to my homepage…

    AND, I can’t get my top navigation to work. I have it all adjusted so that my top nav is really my footer nav just moved up, but I can’t get the links working anymore. Not sure what happened.

    sorry for all the ridiculous questions!

    The blog I need help with is

    Hi, Nathon. If you remove your image widgets and add the following HTML to a text widget you should get the look you’re wanting.

    <a href=""><img width="150" height="150" class="alignnone" src=""></a>
    <a href=""><img width="150" height="150" class="alignnone" src=""></a>
    <a href=""><img width="150" height="150" class="alignnone" src=""></a>
    <a href="!/Nathon_Sims"><img width="150" height="150" class="alignnone" src=""></a>

    The header in Funki doesn’t automatically link back to the home page but that’s a feature we can add to it. In the meantime, you can add a home link to your menu by clicking “View All” on the pages module in the Menus page and adding the “Home” link that appears there to your menu. We have more instructions here:

    And if you add ‘z-index: 9999;’ to the block of styles for .footer-menu in your custom CSS that menu should start working correctly for you.

    I hope that helps!


    Nathon, to have your header be a working link you can change your custom CSS to target the anchor in the header rather than the hgroup, like so:

    #site-title a {
    background: url("") no-repeat scroll 0 0 transparent;
    height: 155px;
    margin-bottom: 30px;
    max-width: 980px;
    padding: 0 10px 10px;
    display: block;

    Note the addition of the last two lines. I hope that helps!


    Nathon Sims

    Hm, I added the code you just gave me to make the header an active link, however it’s not working.


    Nathon Sims

    Also- a new question regarding my top navigation (really my footer) I can’t seem to position it correctly so that it is the same in every browser. how do i adjust that?


    Nathon, in what browsers does the menu appear to be mispositioned in?


    The following additional styles should get that header link working for you:

    #branding {
    padding-bottom: 5px;
    #branding hgroup {
    background: none repeat scroll 0% 0% transparent;
    margin: -50px 0pt 0pt -10px;

    #page #site-title {
    clip: auto ! important;
    position: static ! important;
    width: 990px;


    Nathon Sims

    Well, I have been checking it in internet explorer, firefox and chrome. it looks correct in safari. but messed up in the others


    The following styles should get you pretty close:

    #page {
    position: relative;
    #colophon {
    position: static;
    .footer-menu {
    font-weight: bold;
    padding-left: 25px;
    position: absolute;
    top: 20px;
    z-index: 9999;



    Hi nathonsims,

    I’m just checking in with you. Did the suggestions from @themeshaper work for you?

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘image widgets, want to align differently’ is closed to new replies.