WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] posting images with shadow (21 posts)

  1. donjz
    Member
    Posted 9 years ago #

    how do i post images that will have a drop shadow instead of a line border? help please. thanks.

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

  3. donjz
    Member
    Posted 9 years ago #

    Hi. Thanks. It's instructing me to copy something on a wp-layout.css. I don't have a file named as such nor a folder. If there is, I don't know where it is. Can you tell me where to look for it?

  4. Mark (podz)
    Support Maven
    Posted 9 years ago #

    opps.... that page is showing it's age, I'll have to update it.

    the file you need to change is style.css in your themes folder.

  5. donjz
    Member
    Posted 9 years ago #

    Thanks.
    I copied the following:

    .img-shadow ....
    .img-shadow img...

    .img-shadow1 ...
    .img-shadow1 img ...

    Here's what happened:

    1. It wrapped my text around the image (it's cool, but I wasn't going for that)
    2. It created an even thicker white border around the image. LOL.

    What did I do wrong?

  6. Mark (podz)
    Support Maven
    Posted 9 years ago #

    link to the problem post ?

  7. donjz
    Member
    Posted 9 years ago #

    ooops!

    did i just need to put one set on the style sheet?

    I took out the original img-shadow and img-shadow img thingie and just left the 'edited' one. I'm back to that white border. :)

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

    Link to a post with the picture in ?

  9. donjz
    Member
    Posted 9 years ago #

    oh ... http://flipstah.com/blog/

    as you can see, the border is thick and it displaced my sidebar

  10. donjz
    Member
    Posted 9 years ago #

    the stylesheet addition points to /images/shadowAlpha.png and /images/shadow.gif

    where do i get these files? could it be why it's not working?

  11. moshu
    Member
    Posted 9 years ago #

    It says quite clearly in the middle of the page Podz linked to:
    For this next part, you are going to need some code and images.
    This is already done - by Laughing Lizard - and you will need to go to his site, get the code, and follow all the instructions there (they are brief and easy!) before you can do the rest of this page.
    Go to the Weblog Tools Collection.
    :)

  12. donjz
    Member
    Posted 9 years ago #

    That is what I am doing and I wouldn't have come back if things worked out.

  13. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Take the clearer div out first. That will restore the sidebar.

  14. donjz
    Member
    Posted 9 years ago #

    It's not working.
    Whenever I type the </div> to close the <div class... opening then save it, the </div> disappears

  15. donjz
    Member
    Posted 9 years ago #

    Oh, my bad... my sidebar is back.

  16. Mark (podz)
    Support Maven
    Posted 9 years ago #

    shadowAlpha.png
    The link to that image is broken.

  17. donjz
    Member
    Posted 9 years ago #

    Thanks. it's working now. However, how do I get rid of the thick white border?

    So, I get the thick border and the shadow. I just want the drop shadow. :)

  18. Mark (podz)
    Support Maven
    Posted 9 years ago #

    border: 1px solid #a9a9a9;

    delete that line ?

  19. donjz
    Member
    Posted 9 years ago #

    ok, that didn't work.
    but when i converted the #fff to transparent, the thick border went away.
    the thin border is the one that's left

  20. donjz
    Member
    Posted 9 years ago #

    ok, i think i got it... instead of 1px, i put 0px.

    THANKS SO MUCH!!!!

    YOU GUYS ROCK!!!

  21. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Cool :)

Topic Closed

This topic has been closed to new replies.

About this Topic