Portfolio thumbnail image using Studio theme

  • Unknown's avatar
    urgrafica · Member ·

    Hello.
    I’m using Studio theme as projects portfolio.
    I assign a thumbnail to the projects, and it appears in the portfolio page. Thats right. But the same image appears as main image once I go into the project entry. Can I change this, even using CSS? Can I set different images for the thumbnail and the main image of the entry?

    Thanks a lot

    The blog I need help with is: (visible only to logged in users)

  • kathrynwp · Staff ·

    Could you provide a link to an example of a project page which has an image you want to hide, so I can take a look?

    I’m not seeing any portfolio projects on this site at the moment urgrafica.wordpress.com – so it would be helpful to have a direct link. Thanks!

  • Unknown's avatar
    urgrafica · Member ·

    Hello!
    Thanks a lot for your answere.
    I am still dveloping the site. You can see an example here:
    http://www.urgrafica.com

    You can see a picture of the bottles, as thumbnail, in the home. If you click, you go inside the entry. The same picture, bigger, appears there.
    Can I change this picture, inside the entry, without chaging teh thumbnail in the home?

    Thanks a lot!!!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, we can do something like this 

    #post-6.portfolio-post .post-header img.featured-image {
    visibility: hidden;
}
#post-6.portfolio-post .post-header {
    background: url('https://urgrafica.files.wordpress.com/2014/11/istock_000010913874xxxlarge.jpg') no-repeat scroll 0 100px / contain transparent;
}

    I randomly grabbed the URL of an image from your media library. I’ve used the unique article post id class which you find by inspecting the HTML for the page and then the first rule hides the existing image and the second sets a new image in the parent div for this page. It seems to work well clear down to phone sized screens. The only issue that could come up is if you have a long title at the top (La Salve Bilbao). If you do, there is a possibility of the title overlaying the top of the image. If you look in the second rule, see the 100px value? That spaces the image down by 100px.

    The other thing that could be an issue is image proportions. If the image you are adding has different proportions from the featured image, there may be spacing issues at the bottom.

    See what you think.

  • Unknown's avatar
    urgrafica · Member ·

    Thanks a lot, thesacredpath.
    I’ll try it.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Portfolio thumbnail image using Studio theme’ is closed to new replies.