XF 2.3 Image width in post

Example: a user uploads a photo to a post that is, for example, 2048x1536px and does not make any further adjustments.

Is there a way to make it appear at 100% of the post width on mobile, but only 50% of the width on PC?
 
Solution
Something like this in your extra.less template


CSS:
@media (min-width: @xf-responsiveMedium)
{.bbImage
    {
    max-width:50%
    } 
   
}

Or
CSS:
@media (min-width: @xf-responsiveMedium)
{
    .bbWrapper img
    {
        max-width:50%
    }   
}
Something like this in your extra.less template


CSS:
@media (min-width: @xf-responsiveMedium)
{.bbImage
    {
    max-width:50%
    } 
   
}

Or
CSS:
@media (min-width: @xf-responsiveMedium)
{
    .bbWrapper img
    {
        max-width:50%
    }   
}
 
Solution
Back
Top Bottom