Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2797548
reduce the size of about me pic in main sidebar
Closed

Comments

  • maverick728 started the conversation
    June 8, 2021 at 9:59pm

    hello,


    I would like to reduce the size of pic in the main sidebar( about me section ) of soledad from 400x400 pixel to something less. 

    please guide on how to do it.


    Thanking you in advance.

    best regards


  •  2,495
    PenciDesign replied
    June 9, 2021 at 2:26am

    Hi,

    Please resize your image to your size by using software on the PC. For example: 100x100px image size. Then upload and paste the image link to the About Image URL.

    Example photo link with 100x100px: https://picsum.photos/100/100

    Best Regards,
    PenciDesign.

  • maverick728 replied
    June 10, 2021 at 6:29am

    oh. let me try

  • maverick728 replied
    June 10, 2021 at 6:40am

    i reduced the size of the pixels to 200x200. but the size of the circle of about me pic is not reducing.

    am i missing some thing? i need to reduce the size of the circle containing the picture.


    thank you and best regards

  •  2,495
    PenciDesign replied
    June 10, 2021 at 7:14am

    Hi,

    Please add the following custom CSS to Appearance > Customize > Custom CSS:

    .penci-sidebar-content .about-widget .penci-widget-about-image {
        max-width: 200px !important;
        height: auto;
    }
    Best Regards,
    PenciDesign.

  • maverick728 replied
    June 10, 2021 at 2:44pm

    .grid-post-box-meta span, .grid-post-box-meta a {font-size: 12px}
    .widget ul.side-newsfeed li .side-item .side-item-text h4 a {font-size: 14px}
    .penci-sidebar-content .about-widget .penci-widget-about-image {max-width: 200px !important;height: auto;}


    i have the above CSS codes in custom CSS now. does this look ok?

    still the size of the cicle is the same. my website is not published. is that the reason why its not showing the changes

  • maverick728 replied
    June 10, 2021 at 2:49pm

    i put .penci-sidebar-content .about-widget .penci-widget-about-image {max-width: 100px !important} and it worked.


    Thank you for the help:) wonder why it did not work with height parameter

  •  2,495
    PenciDesign replied
    June 10, 2021 at 4:02pm

    Hi,

    The height of the image will automatically adjust by ratio.

    Regards,
    PenciDesign.