WordPress.org

Ready to get started?Download WordPress

Forums

need to lay a transparent image over my post, PLEASE HELP!! (7 posts)

  1. envoyer
    Member
    Posted 1 year ago #

    I have made a transparent png image and I want my wordpress post text to LAY ON TOP OF IT OR UNDER IT. I have been at this forever now. Basically I made an "EXPIRED" transparent image to let the reader know its an expired post but I DO NOT want to just take the post down, I want it to still be accessible but with the knowledge that its expired. I hope this makes sense? I am just having so much trouble doing this. I tried using the image as a post background image but its not behaving the way I would like, it leaves a black border and doesnt position properly. I was hoping to position the transparent image placed over the center of the text in the post, right in the middle. ANY help with this would be much appreciated, hate wasting hours on something that's probably so simple so thought it best to just ask someone at this point. Thanks in advance. And if for some reason my blog needs to be referenced to answer this: http://www.candlelitlife.com

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    if you have the coding ready to show an image in those expired posts, please post a link to a post/page where the 'expired' image is showing;

    getting it over the content is possibly just a question of css positioning;
    http://www.w3schools.com/Css/css_positioning.asp

  3. cinghaman
    Member
    Posted 1 year ago #

    Just put together a code, http://amancingh.com/image.php (check here its working)
    Hope this helps

    <div style="position:relative; left:20px; top:-54px; color:#900202; font-size:20px; font-weight:bold;width:140px;"/>The art is Sold</div>

  4. envoyer
    Member
    Posted 1 year ago #

    thanks for replying guys! And thanks Robin, I used your suggestion and managed to make it work, but just a question, what might the proper html code be to use an image instead of just text? Thanks in advance!

  5. cinghaman
    Member
    Posted 1 year ago #

    Where i have added the text add <img src="" alt="">
    and it will work

  6. envoyer
    Member
    Posted 1 year ago #

    sorry, this is probably such a stupid question, but what goes here: alt""? I know what to put between the " " for the img src but not the alt.

  7. cinghaman
    Member
    Posted 1 year ago #

    ah sorry was just a good code practice thing :p
    you can ignore it

    but as such it is good to add an alternate text for google/seo/ search stuff + browser which doesnt load photos
    so say if your image was about expired you could just add alt="expired"

Topic Closed

This topic has been closed to new replies.

About this Topic