How to make round avatars in vB5

[glennrocksvb]

Glad to hear it's now working on your site.

[naijafinder]

Its working on my website now. My host whitelisted several modsecurity rules.

[voyger]

now by logout clear my browser still no joy manage to get the code from NumNum paste in sitebuilder no go don't see round avatar
that fanny by refresh the page i can se the code that very strange

[naijafinder]

I only missed here. I may need to reupload my vb files to see ifitcan correct the error.

[glennrocksvb]

You are missing the closing brace } at the last line. Or did you just miss it in this post?

Btw, not related but the X in the pageX in the css should be the actual page id number.

[naijafinder]

I add the css via Sitebuilder and AdminCP i still get error. site is self hosted.

Page url does not change https://www.trendri.com /admincp/index.php

when you click submit it take you to Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.

This my additional.css

.b-meter:after {
    content: attr(title);
    position: relative;
    top: 0;
    left: 0;
    white-space: pre-wrap;
    margin: 0 -8px;
    display: block;
}
.l-small .b-meter:after {
    margin: 0;
}
.b-meter__bar {
    margin-left: -2px;
    display: inline-block;
    float: none;
}

.usertitle {
    color: darkgreen;
}

/*---------------Online Effect on New Topic and Sub Topic Icons---------------*/

/*---Topic---*/
.forum-list-container .forum-item.new .cell-forum .icon {
    position: relative;
}

.forum-list-container .forum-item.new .cell-forum .icon:after {
    content: '';
    border: 10px solid #F01F4B; /*color*/
    background: transparent;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -24px;
    left: -23px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: glow 3s ease-out infinite;
    animation: glow 3s ease-out infinite;
}

/*---Sub-Topic---*/
.forum-list-container .subforum-list .subforum-item .icon.new{
    position: relative;
}

.forum-list-container .subforum-list .subforum-item .icon.new:after {
    content: '';
    border: 10px solid #F01F4B; /*color*/
    background: transparent;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    position: absolute;
    top: -24px;
    left: -23px;
    z-index: 1;
    opacity: 0;
    -webkit-animation: glow 3s ease-out infinite;
    animation: glow 3s ease-out infinite;
}

@-webkit-keyframes glow {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0);
        opacity: 0.5;
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: 1.0;
    }

}
.b-meter { display: none; }
/*---------------END Online Effect on New Topic and Sub Topic Icons---------------*/
/* 50/50 Layout - START */
.pageX.l-desktop .l-row__fixed--right > .l-col__flex-6.l-col--flex-first > .l-col__flex-content,
.pageX.l-desktop .l-row__fixed--right > .l-col__flex-6 {
    margin-right: 50%;
}

.pageX.l-desktop .l-row__fixed--right > .l-col__flex-6.l-col--flex-first {
    margin-right: -50%;
}

.pageX.l-desktop .l-row__fixed--right > .l-col__fixed-6 {
    width: 50%;
}
/* 50/50 Layout - END */
.b-editor--cke-toolbar-is-hidden .cke_top {
  display: block;
}
.bbcode_container .bbcode_quote {
background: #eee;
font-size: 13px;
font-style: italic;
padding: 10px;
padding-left: 38px;
position: relative;
margin-bottom: 15px;
border: 2px solid #ddd;
border-radius: 8px;
padding-right: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-left: 3px solid #8CC8FF;
}
.avatar img,
.avatar:not(.medium) > img,
.b-avatar:not(.b-avatar--m) > img,
.b-avatar--thread > img,
.b-avatar--s > img,
.b-comment .b-avatar img,
.b-comp-menu-dropdown__trigger-avatar,
.profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo,
.b-avatar--pmchat,
.b-pmchat__participants-avatar,
img.avatar,
img.b-avatar {
    border-radius: 100%;
}
.avatar,
.b-avatar,
.b-avatar--thread {
    border: 0;

[glennrocksvb]

on vb 5.4.1 when you add the code and click save, you get this error Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.

This looks like a specific issue on your site not related to this mod.

When that issue happens, what is the URL displayed in the browser address bar? That error message means the page cannot be found.

And are you adding the css via Sitebuilder or AdminCP. If you are not using vBCloud, I recommend using AdminCP.

[naijafinder]

What could be the cause of the error am getting?

[NumNum]

It works on 5.4.1(my other sites).

Lets see what Glenn says.

[naijafinder]

on vb 5.4.1 when you add the code and click save, you get this error Invalid Page URL. If this is an error and the page should exist, please contact us and tell how you got this message.

[naijafinder]

It doesn't work for vb 5.4.1

[NumNum]

Your code

My code

.avatar img, .avatar:not(.medium) > img, .b-avatar:not(.b-avatar--m) > img, .b-avatar--thread > img, .b-avatar--s > img, .b-comment .b-avatar img, .b-comp-menu-dropdown__trigger-avatar, .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo, .b-avatar--pmchat, .b-pmchat__participants-avatar, img.avatar, img.b-avatar { border-radius: 100%; } .avatar, .b-avatar, .b-avatar--thread { border: 0; }

.avatar img, .avatar:not(.medium) > img, .b-avatar:not(.b-avatar--m) > img, .b-avatar--thread > img, .b-avatar--s > img, .b-comment .b-avatar img, .b-comp-menu-dropdown__trigger-avatar, .profile-sidebar-widget .profileContainer .profile-photo-wrapper .profile-photo, .b-avatar--pmchat, .b-pmchat__participants-avatar { border-radius: 100%; } .avatar, .b-avatar, .b-avatar--thread { border: 0; }

[NumNum]

I did notice on the blog side of the software the avatars are wrong, but I suspect there isn't a code for them.

Check to make sure your accidentally drop a bit of code?

[voyger]

How about this one

https://schollloj.com/blog/node/526

yeaa can see now the round avatar i can see as well you use the vb 5.4.2
but the code above don't work for me don't know why

[NumNum]

How about this one

https://schollloj.com/blog/node/526