Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1346767

    Hello, how can I make the author image show square, and increase its size to 100×100?

    See example here: https://boylanpoint.com/wp-content/uploads/2022/03/65634.png

    I’ll need this edit to work for all author images on this template, thanks!

    #1346864

    Hey WebDevDept,

    Thank you for the inquiry.

    You can use this css code to adjust the size of the author image.

    .author-box .rounded-container {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    
    .author-box .rounded-container img {
        width: 100px;
    }
    

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1347320

    Thanks Ismael!

    I just noticed that the author image does not show up on mobile, do you think your code made it hidden on smaller screens? If not, how do I make sure the author image shows on mobile devices as well?

    #1347359

    Hi,

    Thank you for the update.

    The author image is actually disabled or hidden on mobile devices by default. You can display it back by using this css code.

    @media only screen and (max-width: 767px) {
      .responsive .template-blog .blog-meta {
        display: block;
      }
    }

    Best regards,
    Ismael

    #1347458

    You guys and gals are awesome, thanks Ismael! :D

    #1347469

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1347476

    Close it up! :D

    #1347513

    Hi WebDevDept,

    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to increase author image size’ is closed to new replies.