Individual Team Bio Page Image Sizing

[tangent24]

I’m having issues re-sizing bio images on the individual team member pages. Right now the page is split equally between text and image (50/50) and ideally it would be more like 70/30 (text/image). Please advise on how to edit the code for this page. Thank you!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

article.type-team .article-body-wrap {
    width: 70% !important;
}

article.type-team .profile-image-wrap {
   width: 26% !important;
}

Thanks
Mohammad

[tangent24]

Thanks, Mohammad. This is a huge improvement. Is there any way we can make this code responsive as well? (e.g. photo on top and text below once the screen width is reduced to smaller smartphone size). Much appreciated.

[Kyle – SUPPORT]

Change the css to:

@media only screen and (max-width: 479px) { 
article.type-team .article-body-wrap {
    width: 70% !important;
}
 
article.type-team .profile-image-wrap {
   width: 26% !important;
}
}

– Kyle