Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #464745

    Hello Guys, hope you’re all well. I’m really struggling with images not appearing correctly on my posts with sidebar. I simply want to display a photo that is the same size of the container within a post entry with sidebar. It was suggested to me on another support ticket that I should set the width in css to 845 using the following:

    $avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>845, ‘height’=>475);

    I went ahead and resized all of my images to meet the suggested width of 845. I ran a GT Metrix report of my website, which returned several of the following errors:

    “(image name) is resized in HTML or CSS from 845×475 to 625×351″

    When I contacted Enfold Support, Ismael informed me of the following (in https://kriesi.at/support/topic/question-regarding-scaling-of-image/#post-463198):

    “The images are resized down from 845px to 625px because of the content container width.”

    I then went and resized all of my images (80+) to this new width, using the following:
    $avia_config[‘imgSize’][‘entry_with_sidebar’] = array(‘width’=>625, ‘height’=>351);

    Much to my dismay (and frustration), all of these images I’ve just modified to have a width of 625 aren’t actually reaching the full width of the container:
    http://grab.by/Inv8

    Can you please advise me what to do? I must admit that I’m quite frustrated, as it seems that Enfold Support first told me to set image width to 845 when using sidebar with entry, but then later told me the images can’t extend beyond container width of 625. It seems like it would have saved a lot of time to just set all the images at a width of 625 in the first place. I acknowledge that there is a good chance I’ve misunderstood your directions, and I ask that you please continue to provide support and assistance even while I may be slow to learn (although trying!). Thanks guys

    #465366

    Hmm, i don’t quite see the same as your screenshot – http://screencast.com/t/tNkKcQGFP

    Best regards,
    Josue

    #468440

    Thanks very much.

    I still seem to be having the same problem as initially described:
    http://grab.by/IzHA

    http://www.christianholydays.com.au/feast-days-sabbath-in-romans-14-5-6/

    Is there anyway I can have the image displayed the full width of the container?

    #468696

    Hi Richard,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .postid-4426 .big-preview img {
    min-width: 100% !important;
    }

    If you want this to apply to all single pages, please use the following instead:

    .single .big-preview img {
    min-width: 100% !important;
    }

    Best regards,
    Rikard

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