Support » How-To and Troubleshooting » Better images in articles

Better images in articles

  • Hello,

    I’m just starting to use wordpress, and some things are still confusing.
    I need to insert an image in other ways than the one where i just put it inside the article’s text. On This site, they use what i’d want to do, the picture related to the article is separated from everything else and included by a div where the pic is the background.

    Is there a way to do this in the vanilla wordpress or do i need a plugin? I think the guy that made that site also used something called “prettyphoto”, but I don’t think it’s what I’m searching for…

Viewing 12 replies - 1 through 12 (of 12 total)
  • bump?

    bump, please .-.
    I need to have these fixed images to call them from other parts of the site.

    Forum Moderator


    I’m not sure exactly which part of the linked site you are referring to or what you are wanting to do, but background images are set in the CSS code — not on the page.


    If you can be more specific about what you want to do and include a link to your site, someone may be able to help more.

    And BTW, bumping is against the forum rules and will generally be deleted by a moderator…

    Okay, i found out i was searching for posts thumbnails.
    But still, is there a way to have the thumbnails inside of a post as a css style?

    Sorry for the bump, but my thread was at page 3 in less than an hour ):

    Forum Moderator


    A thumbnail in a post would be done in the php code — and that’s totally theme dependent. What theme are you using? If it does not have that option, you could probably make a custom template and add it.


    I’m using a customized version of “Twentyten”.

    This is an Example Article for my site: http://dota2-italia.it/grazie/
    Now there’s only the thumbnail on top of everything, I’m trying to put the article information (title, author, category) on the thumbnail. But to do this, i need to set it as “background” in the css.

    I have no idea on how to do this by creating a new template, lol.

    Forum Moderator


    Okay, I’m getting it — a real example helps a lot 🙂 ! You may be able to do what you want by playing around with the margins on these elements — using negative margins will move it on top of the thumbnail above.

    <div class="entry-title-image">
    <div class="entry-meta">

    Firebug will be really helpful in trying things with the CSS.

    To give you an idea, try adding this to the CSS:

    #content .entry-title-image {
      margin-top: -20px;

    But you have another potential issue which is that you really, really should not be editing the twentyten theme directly — when WP is updated you will lose all your changes — not where you want to go! Instead, you should be using a Child Theme.


    I was trying to make it a style to also use it in other places, but if the only way to do this is by using margins I think I’ll have to go with that.

    So… No idea on how the guy that made the site that i linked in the OP did that?

    Forum Moderator


    If you’re talking about the “Pre-release” image — those letters are part of the image itself — not text on top of it.

    Try using Firebug to inspect the element, the image is from a css style, not from PHP…


    Forum Moderator


    Which image are we talking about? The main one in the post?

    Yes, the “Pre-Release 1.4.5” one.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Better images in articles’ is closed to new replies.