Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 16, 2018 at 3:09 pm #957520
    bulldog232

    There are two issues that I need your help with.
    First, on the media attachment pages, the logo is displaying differently than on the rest of the site. It is stretched off of the page on the media attachment pages. See screenshot in the private content area.

    Second, how do I remove the blur over the images on the media attachment pages? In another thread, your team helped me with some CSS code to make the images display which was great. Now, I’m wondering how to remove the blur on the image on the page. It displays clear when clicked and it comes up on in the window, but how about on the initial image on the page?

    May 17, 2018 at 2:59 pm #958199
    Rikard

    Hey bulldog232,

    You have this in what looks to be coming from your child theme CSS or Quick CSS:

    .attachment a img {
    min-height: 350px;
    min-width: 500px;
    height: 100%;
    width: 100%;
}

    Please try to remove it to see if that helps.

    Best regards,
    Rikard

    May 17, 2018 at 7:49 pm #958321
    bulldog232

    Removing that code does work but causes another problem. The code was added based on Kriesi support from topic https://kriesi.at/support/topic/images-not-displaying-on-all-attachment-pages/ where attachment images were not displaying on many (maybe safe to say most) attachment pages. That was the code that Victoria suggested that I add.

    Is there a way to have all of 1) pictures showing on all attachment pages at all (problem with support topic linked above) 2) pictures on attachment pictures not be blurred until clicked on 3) logo display properly on the attachment media pages 4) pictures on media attachment pages showing larger than a thumbnail (see the small media attachment on one of the few pages that they display in private area)?

    May 20, 2018 at 5:00 am #959285
    Rikard

    Hi,

    Thanks for the feedback. Please try this CSS instead of the one I posted above. It will only apply to the images in the content:

    .attachment main a img {
    min-height: 350px;
    min-width: 500px;
    height: 100%;
    width: 100%;
}

    Best regards,
    Rikard

    May 20, 2018 at 11:45 pm #959541
    bulldog232

    Rikard, I think we are getting closer. Thank you for your continued help.

    The code you provide does fix the logo on the media attachment pages, and it makes sure that the main image for the page displays. However, there is still a blurred over some of the images. Some of the images are clear but others are blurred. I’ve checked this in an incognito window and am still having the problem.

    I’ve included two of the pages with blurred images in the private section below for reference. I’ve also include login information in the private section of the first post if that helps.

    May 23, 2018 at 4:01 pm #960890
    Ismael

    Hi,

    The images are quite small. One of them is 300x150px. Is that the original image size? The width of the content container is almost 900px so you have to use larger images.

    Best regards,
    Ismael

    May 23, 2018 at 4:01 pm #960891
    Ismael

    Hi,

    The images are quite small. One of them is 300x150px. Is that the original image size? The width of the content container is almost 900px so you have to use larger images.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.