WordPress.org

Support

Support » Themes and Templates » [Resolved] Images and Gallery

[Resolved] Images and Gallery

  • I recently installed this theme on a project I am staging. A big feature of this project are images with a gallery.

    Unfortunately, every image that I have uploaded as an image file fills the entire screen rather than a portion of the post. (Far larger than the uploaded images.) It does the same thing with Gallery.

    While it is nice to enlargen an image, usually one does so by clicking on the image and activating a light box. This isn’t the case.

    Is it supposed to look this way? It looks ok with other themes so I am wondering if it is a bug.

Viewing 10 replies - 1 through 10 (of 10 total)
  • I figured out the problem is that this is full-bleed optimized for not simply images, but header images.

    While it is a nifty feature, it is completely unsuitable for my use. 1440×400 does not suit the aspect ratio for the majority of the images I need to post.

    How do I disable it?

    Kathryn
    Automattic Happiness Engineer

    @zoonini

    Hi there, would you be able to post a link to your site so I can take a look? Thanks.

    roseba
    Member

    @roseba

    This is in beta. I keep changing themes because of this.
    http://arielshallit.com/wp/

    I would like it to work more like this: http://arielshallit.com/wp/work/. I would upload larger images, but I don’t want full bleed where the images exceeds the size of the monitor completely. I don’t mind arrow navigation overlays.

    Kathryn
    Automattic Happiness Engineer

    @zoonini

    Hi there, you can disable the full-bleed header images with some CSS like this:

    .singleimg img {
         width: auto !important;
         margin: 0 auto;
    }

    This overrides the 100% width that’s set by the theme and centers the image. You may need to make other adjustments to the code to get things looking exactly as you like, but this could get you started.

    To completely remove the header images, you can use this CSS instead:

    .singleimg img {
         display: none !important;
    }

    Let me know if either of these does the trick.

    kelibzon
    Member

    @kelibzon

    Hi Kathryn. I have a similar issue in which I wish to remove the header image from posts and instead let the featured image in each post to be the header. Also, the featured images seem bigger than i would want on the post page. I only wish to leave the header on the home page. My site is earnsmartonline.com

    Kathryn
    Automattic Happiness Engineer

    @zoonini

    kelibzon – I’ll reply in your other post.

    kelibzon
    Member

    @kelibzon

    Hi Kathryn. Thanks, and I’m waiting for your reply in the other forum.

    roseba
    Member

    @roseba

    Sorry for the late reply. This is extremely helpful.

    roseba
    Member

    @roseba

    I think I would like to play with this with a max-height and max-width value. That whatever the images are, the thumbnails will always display “above the fold” and the definition will adjust with the images which will be of all different dimensions.

    Kathryn
    Automattic Happiness Engineer

    @zoonini

    Glad this was useful – good luck with your experimentation. 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Images and Gallery’ is closed to new replies.