Okay
  Public Ticket #1017737
Paragraphs in block quote overlap each other
Closed

Comments

  •  2
    Ivan started the conversation

    Hi,

    I noticed that if there are two or more paragraphs in the <blockquote> tag, they overlap (see attachment)

    As far as I can see the problem appears because of this style:

    blockquote p {
        margin: -3em 0 0 4em;
    }

    Attached files:  Screen Shot 2017-01-11 at 6.41.09 PM.png

  •  41
    Paul replied

    Hi!

    That's obviously a bug! Please go to "Appearance > Customize > Additional CSS" and add this custom CSS to fix that:

    blockquote p:first-child {
        margin-top: -3em;
    }
    blockquote p {
        margin-left: 4em;
    }
    

    I will also add this fix in the next version. Thanks for your feedback!

    Regards,
    Paul


    Visit our website for news, useful articles, and tutorials: https://uxbarn.com
    Follow us on Twitter: https://twitter.com/uxbarn
    Follow us on ThemeForest: http://themeforest.net/user/UXbarn/follow/

  •  2
    Ivan replied

    Hi,

    Thank you for the reply. There is also a problem with styles for portrait images in the Portfolio section (see screenshot). The problem happens because of this css selector:

    .portfolio-thumbnail img {     display: block;     margin: auto;     max-width: 100.1%;     max-height: 100.1%;  }

    It seems that correct styles should be as following:

    .portfolio-thumbnail.portrait img {     max-height: 100.1%;     width: auto;  } 
    .portfolio-thumbnail img {     max-width: 100.1%;     height: auto;  }

    Attached files:  scale-problem.PNG

  •  41
    Paul replied

    Hmm. Strange. I could not seem to reproduce the problem here at my end. I have tried uploading a portrait image and it displays properly (screenshot: https://cl.ly/ikFq ).

    Do the images that have the problem have the same dimension in your case? Could you send me some of your sample images so I will try to reproduce it here?


    Visit our website for news, useful articles, and tutorials: https://uxbarn.com
    Follow us on Twitter: https://twitter.com/uxbarn
    Follow us on ThemeForest: http://themeforest.net/user/UXbarn/follow/

  •  41
    Paul replied

    Ah, I found it. To fix the problem, please add "width: auto" to the ".portfolio-thumbnail img" CSS selector. So, as a result, it will be:

    .portfolio-thumbnail img {
        display: block;
        margin: auto;
        max-width: 100.1%;
        max-height: 100.1%;
        width: auto;
    }

    This fix will also be included in the upcoming version. Thanks again for your feedback!


    Visit our website for news, useful articles, and tutorials: https://uxbarn.com
    Follow us on Twitter: https://twitter.com/uxbarn
    Follow us on ThemeForest: http://themeforest.net/user/UXbarn/follow/