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

Comments

  •  2
    Ivan started the conversation
    January 11, 2017 at 9:42pm

    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;
    }


  •  296
    Paul replied
    January 12, 2017 at 4:17am

    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

  •  2
    Ivan replied
    January 12, 2017 at 1:30pm

    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;  }


  •  296
    Paul replied
    January 12, 2017 at 11:26pm

    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?

  •  296
    Paul replied
    January 13, 2017 at 1:18pm

    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!