[Resolved] Generatepress 3.0 test – avatar resize

Home Forums Support Generatepress 3.0 test – avatar resize

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1428769
    Jason

    I’m testing GP3.0 on a staging site.
    The only bug I have found so far is with avatar images called in my author box being too small ie not honouring the dimensions set. The authorbox is created using elements.
    When activating 3.0 there is no issue found with this, it only appears after switching to flexbox (which has not caused any other layout issues once browser caches are cleared).
    I have included a link for you to visualise the error

    #1428938
    David
    Staff
    Customer Support

    Hi there,

    the Flex version uses box-sizing: border-box – this effectively keeps padding inside the width of an element. This needs to be considered when adding a width and padding property in CSS. Your avatar CSS is this

    .author-box .avatar {
        width: 90px;
        border-radius: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    try using max-width instead:

    .author-box .avatar {
        max-width: 90px;
        border-radius: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    #1428993
    Jason

    That fixes it!
    Nice work on the new theme!

    #1429076
    David
    Staff
    Customer Support

    Glad to hear that 🙂 And thanks for testing 3.0 and giving us the nice feedback. It really is the start of great things 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.