WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Push text away from image.

[Resolved] Push text away from image.

  • Hello again!
    I’ve finally managed to have an image to display next to my list of podcast on the top right side of my sidebar…

    However, I would like for the text to be moved to the right a little so the icon can display.
    Can someone tell me how I can do that?
    I’ve been pounding my head against this keyboard trying to figure out how to add an image and when it finally displays, it doesn’t display like I want it to. LOL

    Can anybody help?
    Thank You…
    The image/icon I’m talking about is right above my “About..” section.

    it says, “Audio from La Bella”
    Any help would be appreciated!
    Thank You.

Viewing 6 replies - 1 through 6 (of 6 total)
  • I would do it something like this:
    `

  • <span class=”rsslinklist”>
    <img src=”where_the_image_is>
    </span>
    <span class=”linkwords”>
    Audio by…
    </span>
  • And in the css
    .rsslinklist {
    float:left;
    }
    .linkwords {
    float:right;
    }

    That takes no account of margins and you might need to adjust line length but it’s where I would start.

I would like for the text to be moved to the right a little so the icon can display.

This would be easy with either list-style-image (on the list items) or background-image + padding (on the list items or anchors). I would add an id attribute to that list to help — then, e.g.

#the-mp3s a{
padding-left: 24px;
background-image: url(the/audio/icon);
}

Ok, the way you have it now, it would be something like

#sidebar .rssLinkListItemTitle a{
background-image: url(…transmit_blue.png);
padding-left: 20px; /* or something */
}

Um, the javascript animation on that page is killing my browser, softly.

The js killed mine twice too 🙂

Thank You!
Got it to work!
🙂

Killing you softly like the fuggees?
yeah… I’m gonna turn it off…
besides, I will be going on vacation for 2 weeks and won’t be back after Xmas…
who needs xmas flakes anyway huh?
LOL
Thanks for the hard work… I appreciate the time you guys give to help us figure out our problems.

Blessings and Happy Holidays!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Push text away from image.’ is closed to new replies.
Skip to toolbar