WordPress.org

Ready to get started?Download WordPress

Forums

Better images in articles (13 posts)

  1. guruFTW
    Member
    Posted 1 year ago #

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

  2. guruFTW
    Member
    Posted 1 year ago #

    bump?

  3. guruFTW
    Member
    Posted 1 year ago #

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

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

    http://www.w3schools.com/css/css_background.asp

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

  5. guruFTW
    Member
    Posted 1 year ago #

    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 ):

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

    http://codex.wordpress.org/Stepping_Into_Templates

  7. guruFTW
    Member
    Posted 1 year ago #

    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.

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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">
    <h3>Grazie!</h3>
    <div class="entry-meta">
    </div>

    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.

    http://codex.wordpress.org/Child_Themes

  9. guruFTW
    Member
    Posted 1 year ago #

    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?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    If you're talking about the "Pre-release" image -- those letters are part of the image itself -- not text on top of it.

  11. guruFTW
    Member
    Posted 1 year ago #

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

    No...?

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  13. guruFTW
    Member
    Posted 1 year ago #

    Yes, the "Pre-Release 1.4.5" one.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.