1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.3 Click to Enlarge Posted Images

Discussion in 'Styling and Customization Questions' started by Pineapple, Jul 6, 2014.

  1. Pineapple

    Pineapple Member

    I have added a line of CSS to user posted images on roleplay.zone to add additional styling and hopefully make the site more pleasant, it's right here:

    Code:
    max-width: calc(100% - 22px) !important;
    The -22px is to make up for padding/border.

    Well, xenforo has a nice feature, where you can click an image to enlarge it. However this one line of CSS makes it impossible. Removing the line makes it work again. I'm curious if there is anyway to keep the click to enlarge after applying the max-width css.

    edit: It turns out I had a left over '!important' on the max-width causing a conflict with the feature. With the removal of the !important the click to enlarge worked again.
     
    Last edited: Jul 6, 2014

Share This Page