WordPress.org

Ready to get started?Download WordPress

Forums

Untitled
[resolved] Images and Gallery (11 posts)

  1. roseba
    Member
    Posted 1 year ago #

    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.

  2. roseba
    Member
    Posted 1 year ago #

    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. 1440x400 does not suit the aspect ratio for the majority of the images I need to post.

    How do I disable it?

  3. Kathryn
    Automattic Happiness Engineer
    Posted 11 months ago #

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

  4. roseba
    Member
    Posted 11 months ago #

    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.

  5. Kathryn
    Automattic Happiness Engineer
    Posted 11 months ago #

    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.

  6. kelibzon
    Member
    Posted 11 months ago #

    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

  7. Kathryn
    Automattic Happiness Engineer
    Posted 11 months ago #

    kelibzon - I'll reply in your other post.

  8. kelibzon
    Member
    Posted 11 months ago #

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

  9. roseba
    Member
    Posted 11 months ago #

    Sorry for the late reply. This is extremely helpful.

  10. roseba
    Member
    Posted 11 months ago #

    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.

  11. Kathryn
    Automattic Happiness Engineer
    Posted 11 months ago #

    Glad this was useful - good luck with your experimentation. :-)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic