Okay
  Public Ticket #3301856
Blog posts in the Featured image left style
Closed

Comments

  •  16
    Jen started the conversation
    March 14, 2023 at 6:04am

    Is there a way to stop the Featured image Left Style blog posts NOT crop the featured images

    https://macdochfoundation.org/mediatestpage/

    I can make new images if required but they look terrible like this I would rather have them all show uncropped And they don't need to zoom either.


  •  1,877
    Judith replied
    March 14, 2023 at 7:50am

    Hi Jen,

    Thanks for writing to us.

    Please try this css:

    .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap a span img {
        object-fit: scale-down;
    }

    Thanks.

  •  16
    Jen replied
    March 14, 2023 at 9:57am

    Thanks Judith that worked. New addition though.  I also added 

    .post-area.featured_img_left .post-featured-img-wrap, .post-area.featured_img_left article:not(.has-post-thumbnail) .article-content-wrap .post-featured-img-wrap {
      background-color: #fff;
    }

    as the image background was a grey colour. so that now looks better. But on hover there is still an odd grey colour that shows in the background.  Can you help me replace that with white  ie



    Attached files:  Screen Shot 2023-03-14 at 8.57.08 pm.png
      Screen Shot 2023-03-14 at 8.56.55 pm.png

  •  2,958
    Andrew replied
    March 14, 2023 at 4:19pm

    Hey Jen,

    Try adding this CSS and let us know how it goes.

    .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before {
    box-shadow: none !important;
}

    Thanks,

  •  1,877
    Judith replied
    March 14, 2023 at 4:19pm

    Hi Jen,

    Please try this css:

    .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before {
        box-shadow: 0 30px 60px rgb(255 255 255);
    }

    Thanks.

  •  16
    Jen replied
    March 14, 2023 at 9:30pm

    Hi 

    this has definitely removed the background colour on hover. But it also removed the shadow.


    Is there anyway for the background of the featured image to be white but still have a shadow on hover?


  •  1,877
    Judith replied
    March 15, 2023 at 6:28am

    Hi Jen,

    Please remove the previous box shadow css and add this css then adjust the color from there:

    .post-area.featured_img_left .article-content-wrap .post-featured-img-wrap:before {
        box-shadow: 0 30px 60px rgb(60 12 12);
    }

    Thanks.

  •  16
    Jen replied
    March 15, 2023 at 7:18am

    Judith thats looking awful. Suddenly the shadow is HUGE and Pink. AND the issue with the background of the image on hover not filling the whole space so it looks like a weird shape is still present...


    All I want is for the background of the image area to be fully 100% white on hover so the shape is preserved  and the original soft grey shadow to the right and bottom

    Attached files:  Screen Shot 2023-03-15 at 6.15.34 pm.png

  •  2,958
    Andrew replied
    March 15, 2023 at 4:29pm

    Hey Jen,

    Thank you for your patience on this.

    To clarify, do you want the image box to have a white box border when you hover?

    I look forward to your feedback.

    Thanks,