-
AuthorPosts
-
June 26, 2015 at 4:02 am #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/Inv8Can 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
June 27, 2015 at 11:19 pm #465366Hmm, i don’t quite see the same as your screenshot – http://screencast.com/t/tNkKcQGFP
Best regards,
JosueJuly 5, 2015 at 3:21 am #468440Thanks very much.
I still seem to be having the same problem as initially described:
http://grab.by/IzHAhttp://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?
July 6, 2015 at 7:21 am #468696Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.