WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Push text away from image. (7 posts)

  1. LaBella
    Member
    Posted 8 years ago #

    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.

  2. Mark (podz)
    Support Maven
    Posted 8 years ago #

    I would do it something like this:
    `

  3. <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.

  • Sam_a
    Member
    Posted 8 years ago #

    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);
    }

  • Sam_a
    Member
    Posted 8 years ago #

    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.

  • Mark (podz)
    Support Maven
    Posted 8 years ago #

    The js killed mine twice too :)

  • LaBella
    Member
    Posted 8 years ago #

    Thank You!
    Got it to work!
    :-)

  • LaBella
    Member
    Posted 8 years ago #

    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!

  • Topic Closed

    This topic has been closed to new replies.

    About this Topic

    Tags

    No tags yet.