Viewing 13 posts - 1 through 13 (of 13 total)
-
AuthorPosts
-
June 25, 2018 at 7:20 am #13056
DenissaParticipanthttp://prntscr.com/jyyveo http://prntscr.com/jyyvpm Hi is there a way to prevent course cards and blog post images being stretched?June 27, 2018 at 7:20 am #13160
adminMember1. for this : please try adding this given code in your wplms-customizer.php file in wplms customizer plugin : https://gist.github.com/alexvibealex/4f4adffbddeb615e87d3962eeadb9031 2. for this : please add this css in your src/pages/post/post.scss file : page-post img{width:100% !important;max-width:auto !important;height:auto;}July 6, 2018 at 11:36 am #13484
adminMember1. for this : please remnove the previously given code and try adding this given code in your wplms-customizer.php file in wplms customizer plugin : https://gist.github.com/alexvibealex/4f4adffbddeb615e87d3962eeadb9031 2. for this : please add this css in your src/pages/post/post.scss file : page-post img{width:100% !important;max-width:auto !important;height:auto;}July 16, 2018 at 5:09 am #13724
DenissaParticipantFirst one still doesn't work it makes the picture go into high quality onlyJuly 16, 2018 at 7:54 am #13729
adminMembertry adding this css in your src/pages/course/course.scss file : page-course #featured > img{ height:auto; min-height:auto; }July 18, 2018 at 6:01 am #13788
DenissaParticipanthttp://prntscr.com/k7some It works just as I wanted, but in the course page only, can I apply the same code for home and directory section? Refer http://prntscr.com/k7sos6 http://prntscr.com/k7sp5a 2) http://prntscr.com/k2qxkh Problem still persist with the profile image, blog post works fine thoJuly 18, 2018 at 9:04 am #13792
adminMemberfor post image issue im sorry please remove this css : page-post img{width:100% !important;max-width:auto !important;height:auto;} and add this css in src/pages/post/post.scss file : page-post div img:not([lazy-load]){width:100% !important;max-width:auto !important;height:auto;}July 18, 2018 at 9:13 am #13793
adminMemberfor course directory page im sorry we cannot fix that .This is the best optimization we could do for the image to fit there in that width . If we make the image appear in original proportion which is rectangle it will appears like this : http://prntscr.com/k7vihp ARe you ok with it ?July 20, 2018 at 11:09 am #13868
adminMemberTry adding this css in your src/theme/variable.scss : page-directory courseblock .course_block .course_featured_image{ background-size:contain !important; background-repeat:no-repeat; } page-home #featured img{ height:auto !important; width:100%; min-height:initial; } -
AuthorPosts
Viewing 13 posts - 1 through 13 (of 13 total)
- You must be logged in to reply to this topic.