Need help? Check out our Support site, then


image widgets, want to align differently

  1. So, I have 4 image widgets on my right sidebar, but they naturally are displayed in a line. I want them to be displayed 2 by 2 so it creates a perfect square. how do i do that? i tried finding where it is in the code and got confused. i just dont want them displayed as is, i want 2 next to each other

    [ ] [ ]
    [ ] [ ]

    ^ like that

    The blog I need help with is nathonsims.com.

  2. also- in every browser except safari my top nav appears incorrectly. how do i fix that?

  3. Hi Nathan,

    I have a square of contact icons on my blog. Here is the widget code I use:

    <IMG src="http://IMAGE URL.png" hspace="10" />

    <IMG src="IMAGE URL.png" alt="facebook page" class="floatRight" hspace="10" />

    Wherein you replace "LINK URL" with the address you are linking to, and "IMAGE URL" to the address where you have stored your icon image.

    I use two text box widgets, one on top of the other, with the code for two icons in each one. There are probably easier/more efficient ways to do it, but this works for me!

    You may have to decrease the size of your icons, or adjust the hspace attritbute, to get the look you want. My icons are 64-pixel squares in a 200-pixel sidebar.

    Hope that helps.

  4. Clearly, clueless. Let me try that again using the code button:

    <a href="http://LINK URL"><IMG src="http://IMAGE URL.png" hspace="10" /></a>
    <a href="http://LINK URL"><IMG src="IMAGE URL.png" alt="facebook page" class="floatRight" hspace="10" /></a><br />
  5. This is what I get for trying to be a good Samaritan! One more try:

    <A href="http://LINK URL"><IMG src="http://IMAGE URL.png" hspace="10" /></A>

    <A href="http://LINK URL"><IMG src="IMAGE URL.png" alt="facebook page" class="floatRight" hspace="10" /></A>

    Remove backticks for code.

  6. @localkitchen
    Your blog is wearing Vigilance. nathonsims blog is wearing Twenty Eleven. All CSS editing of WordPress.com themes is theme specific.

  7. RATS! I meabt to type "nathonsims blog is wearing the premium theme Funki."

    @nathonsims
    Your theme is a premium theme and we Volunteers answering questions on this forum have no knowledge of how they are designed to operate, and no access to the themes, so posting to this forum is not likely to be productive.When you purchased your premium theme what came with that purchase was support directly from the theme designer in the Premium Theme Support Forum. There is a link for the specific Premium Theme support forum under Appearance -> Themes in your blog’s Dashboard
    When you purchased the custom design upgrade you also purchased Staff support. Please be patient while waiting for Staff to help you with your CSS editing.

  8. @nathonsims:
    Images stored elsewhere take longer to load. Better start by uploading them from your computer to your blog via Media > Add New and copy the file URLs you'll get.
    Next, you need a Text widget instead of four image widgets. Before I give you the right code: would you like the image links to open in a new browser window when clicked or not? (Not possible if you use an image widget but possible if you use a text widget.)

  9. I checked http://nathonsims.com/ and it looks like you got this sorted out. Looks like you did it with some very specific text widget CSS to place the images. We'd love to see the CSS you used if you don't mind sharing.

    localkitchen, I appreciate the good Samaritan in you! :)

  10. I do realize that we are sporting different themes: as it was not CSS-specific, but simple HTML code in a text widget box, I thought it might be helpful.

    But I see that he has worked it out, so all's well that ends well.

Topic Closed

This topic has been closed to new replies.

About this Topic