New Landing How can we help? Themeforest Theme Support Flexform Individual Team Bio Page Image Sizing

Viewing 4 posts - 1 through 4 (of 4 total)
  • Posted in: Flexform
  • #234371
    tangent24
    Member
    Post count: 23

    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!

    #234419
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    #234641
    tangent24
    Member
    Post count: 23

    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.

    #234644
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register