Adjust Size of SVG and Positioning

  • Resolved Mahaprabhu

    (@mpcd108)


    4 years, 11 months ago

    Thank you very much for this plugin.
    I wanted to know how we can adjust the size of the SVG – say we want it to be bigger in Profile – by 4 times – and in Member list by 2 times.

    Also how can we alter the position to say – below the picture – not next to the name for example.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Mahaprabhu

    (@mpcd108)

    hi, any help on this is welcome
    Thank you very much

    Plugin Author Themosaurus

    (@themosaurus)

    Hi @mpcd108,

    Unfortunately, we do not yet have an option to easily change the badge size depending on where the badge is located.

    To change the size, you can simply add the following CSS code snippet to your website:

    .bp-verified-badge,
.bp-verified-member .member-name-item > a:after,
.bp-verified-member .item-title > a:after,
.bp-verified-member > .author > a:after,
.bp-verified-member .member-name > a:after {
   width: 35px; /* Bigger size */
   height: 35px; /* Bigger size */
   background-size: 40%; /* Change icon ratio : 0-100% */
}

    However, the position of the badge depends on your specific project and most certainly on several cases. We can’t provide a code snippet because it seems to us to be custom development.

    We recommend that you hire a competent developer who can help you customize your project.

    Regards,

    This works for everywhere but the profile. How can you change the size in the profile? I feel like it’s a little large.

    Plugin Author Themosaurus

    (@themosaurus)

    Hi @o0s0o,

    It depends on your theme, but assuming the markup “#item-header” is present in the page the code to change the size only on the profile should be :

    #item-header .bp-verified-badge {
    width: 17px;
    height: 17px;
    background-size: 40%;
}

    Regards,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjust Size of SVG and Positioning’ is closed to new replies.