Change icon size

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Themosaurus

    (@themosaurus)

    1 year, 7 months ago

    Hi @1404iran,

    Thank you for reaching out.

    You can reduce the badge on profile page using this snippet:

    #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .activity-item .bp-verified-badge, #profile-header .user-nicename-small .bp-verified-badge{
	width:12px;
	height:12px;
}

    Hope this will help you.

    Best,

    🍾  2023 is coming ! 🥂
    From December 24, 2022 until the January 2, 2023 included, we will be enjoying Christmas and New Year’s Eve with our families. We’ll be back on January 3, 2023. Be sure that we’ll do our best to manage all your topics as soon as possible.
    We thank you for your understanding and we wish you a Merry Christmas and a Happy New Year!

    • This reply was modified 1 year, 7 months ago by Themosaurus.
    Thread Starter Dennis

    (@1404iran)

    1 year, 7 months ago

    Thank you. Happy New Year.

    • This reply was modified 1 year, 7 months ago by Dennis.
    Thread Starter Dennis

    (@1404iran)

    1 year, 7 months ago

    I add this code in CSS and works. But: this code resize the blue circle but not the white checkmark (the size of checkmark dosnt change).

    And a question: why not use only the last part of code?

    .bp-verified-badge{
	width:12px;
	height:12px;
}
    Plugin Author Themosaurus

    (@themosaurus)

    1 year, 6 months ago

    Hi @1404iran,

    This snippet might be not strong enough. I used severals selector to customize the badge only in profile pages. Here is the updated version:

    #buddypress:not(.youzer) #activity-stream.grimlock-buddypress-activity-list .activity-item .bp-verified-badge, #profile-header .user-nicename-small .bp-verified-badge{
	width:12px;
	height:12px;
	background-size:45%;
}

    Best,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change icon size’ is closed to new replies.