Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 10, 2017 at 1:52 pm #775462
    zimbo

    The entry_with_sidebar size is set at 700 px by 467 px and is used as the Featured Image.

    In Enfold 4.0.3 (or maybe earlier, but it’s not in 3.8.5) a new CSS definition of width:100% has been added to the .big-preview img declaration in layout.css, line 2075. (Compare to line 2036 in v3.8.5).

    The result is that all Featured Images when displayed in a post via <div class=”big-preview single-big”> are now being expanded from the defined 700 px to the full width of entry-content-wrapper, which is 883.3 px wide.

    See the effect on this page.

    1. Why has this change been made? I don’t want the Featured Image to fill the width of entry-content-wrapper, I want it 700 px as I have defined it.

    2. How do I get the Featured Images to display as they used to, i.e. 700 px wide?

    April 12, 2017 at 7:26 am #776504
    Rikard

    Hey zimbo,

    As far as I know we have always had the 100% declaration by default for the large image, if you want all your big preview images to be only 700 pixels wide then you can use the following CSS:

    .big-preview.single-big img {
    max-width: 700px !important;
}

    Best regards,
    Rikard

    April 12, 2017 at 12:56 pm #776614
    zimbo

    max-width has worked but the layout.css code definitely changed between 3.8.5 and 4.0.3 to add width:100% as I’d saved the old version and compared it. Thanks.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘.big-preview img CSS definition has added 'width: 100%' – why?’ is closed to new replies.