• Hi. I’ve just added a new button link to the bottom of my sidebar, but it is out of alignment with the other items already listed there. I can’t work out how to realign it so it is positioned in line with the other items.

    It’s probably simplest if you have a look – I’m referred to the LoadedWeb button: http://theboomtownrap.perthpunk.com/wordpress/

    If anyone could give me the appropriate HTML (or whatever) and advise excatly where in the sidebar it should go to align the problematic button under the rest, would be great.

    Cheers
    Ross

Viewing 5 replies - 1 through 5 (of 5 total)
  • Not exactly sure what’s going on here, but try this:

    change:

    <span align="right"><b><a href="http://www.loadedweb.com" title="Loaded Web - Global Blog & Business Directory"><img src="http://www.loadedweb.com/loadedweb.png" style="height:15px;width:80px;border:0" alt="Loaded Web - Global Blog & Business Directory"></a>

    to

    <p><a href="http://www.loadedweb.com" title="Loaded Web - Global Blog & Business Directory"><img src="http://www.loadedweb.com/loadedweb.png" style="height:15px;width:80px;border:0" alt="Loaded Web - Global Blog & Business Directory"></a></p>

    or

    <div class="textwidget"><a href="http://www.loadedweb.com" title="Loaded Web - Global Blog & Business Directory"><img src="http://www.loadedweb.com/loadedweb.png" style="height:15px;width:80px;border:0" alt="Loaded Web - Global Blog & Business Directory"></a></div>

    or

    <div class="textwidget"><p><a href="http://www.loadedweb.com" title="Loaded Web - Global Blog & Business Directory"><img src="http://www.loadedweb.com/loadedweb.png" style="height:15px;width:80px;border:0" alt="Loaded Web - Global Blog & Business Directory"></a></p></div>

    img alt=”Loaded Web – Global Blog & Business Directory” style=”border: 0pt none ; height: 15px; width: 80px; margin: 3px 20px;” src=”http://www.loadedweb.com/loadedweb.png&#8221;

    If you just want it aligned under the site meter, I think just adding the margins might do it.

    Thread Starter RossB

    (@rossb)

    Thanks ClaytonJames. Just one more question, please, which will indicate how vastly ignorant I am technically: Do I put paste your code in the sidebar, stylesheet, or somewhere else?

    This has been added/defined manually in one of your files (I suspect possibly placed in sidebar.php).

    <a title="Loaded Web - Global Blog & Business Directory" href="http://www.loadedweb.com"><img alt="Loaded Web - Global Blog & Business Directory" style="border: 0pt none ; height: 15px; width: 80px;" src="http://www.loadedweb.com/loadedweb.png"/></a>

    You will need to find that and add the margins to it. Don’t paste my code into anything, just find where that has been added and add the margins to it.

    Thread Starter RossB

    (@rossb)

    Clayton,

    Thanks so much. Your margin code worked perfectly.

    Cheers
    Ross

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Sidebar item alignment’ is closed to new replies.