Home › Forums › Basel support forum › Testimonial User Avatar

Testimonial User Avatar

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 26, 2023 at 8:57 pm #507646

    Tuomo
    Participant

    Hi there,

    Instead of using customers heads on the User Avatar I am using product images on it. Is there a possibility to change the round shape to square?

    Best Regards,
    Tuomo Nurkkala

    October 27, 2023 at 2:01 pm #507871

    Elise Noromit
    Member

    Hello,

    Please provide the page URL we will check and provide custom CSS.

    If you have any questions please feel free to contact us.

    Best Regards

    October 27, 2023 at 2:07 pm #507874

    Tuomo
    Participant

    https://www.sukat.com & https://www.alusvaatteet.com
    You can find them in the frontpage.

    Best Regards,
    Tuomo Nurkkala

    Attachments:
    You must be logged in to view attached files.
    October 28, 2023 at 1:38 am #508016

    Elise Noromit
    Member

    Hello,

    I am checking the page, the image does not have any border, if we add the border-radius, it would not be visible and you will see no difference https://prnt.sc/r5ufIN-Q1S8N

    Do you want to add a border to the image to show them around? Please provide more details.

    Best Regards

    October 30, 2023 at 11:36 am #508429

    Tuomo
    Participant

    Hi Elise,

    No I don’t need borders on the image.
    I was just wondering if the image could be a square and not a circle.

    Best Regards,
    Tuomo Nurkkala

    October 30, 2023 at 1:15 pm #508478

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .testimonials.testimon-align-center .testimonial-avatar {
	border:2px solid red;
	padding:3px;
}

    Best Regards

    October 30, 2023 at 2:06 pm #508506

    Tuomo
    Participant

    The shape will be oval with that code. I guess there is no tricks for having those images as squares… :/

    October 31, 2023 at 1:20 am #508634

    Elise Noromit
    Member

    Hello,

    Please replace the code for this one: 

    body .testimonials.testimon-align-center .testimonial-avatar {
	border:2px solid red;
	padding:3px;
       border-radius: 0! important;
}

    If you do not need the color, remove these lines: 

    	border:2px solid red;
	padding:3px;

    If you have any questions please feel free to contact us.

    Best Regards

    October 31, 2023 at 1:46 am #508637

    Tuomo
    Participant

    Hi Elise,

    Yes this code made the trick what I was looking for:

    body .testimonials.testimon-align-center .testimonial-avatar {
       border-radius: 0! important;
}

    Thanks! 🙂

    Best Regards,
    Tuomo Nurkkala

    October 31, 2023 at 5:01 am #508668

    Elise Noromit
    Member

    You are welcome!

    Wish you a wonderful day!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)