resizing Avatar in Postbit

[z3r0]

Originally Posted by In Omnibus

That URL has a user rank, not an avatar. Inspecting it did no good since it gives the classes for postbit userranks instead of postbit avatars. Without the ability to see the existing CSS there is no way to know what changes need to be made. The logical solution would be to use media queries on a "responsive" theme but that requires knowing the existing breakpoints of the theme. It does us no good to guess since we could end up doing more harm than good.

If it had been as simple as inspecting the existing CSS I would have posted a solution hours ago.

You are looking at the wrong thing (I did the same at first), the rank image is deceptively huge and looks like an avatar, if you go further down the page post 665 has a real one.

[scottkoz20]

Originally Posted by MarkFL

Right-click is disabled for guests, and I'm not going to go through the effort of circumventing that.

i pulled the code out for that - that was added in to prevent scammers - sports cards is rife with people with that

The more I look at this however, it appears to be something that is a mobile device issue that I am going to reach out to the style author about as when I look at this on a PC, this appears OK

--------------- Added [DATE]1564662217[/DATE] at [TIME]1564662217[/TIME] ---------------

Originally Posted by In Omnibus

That URL has a user rank, not an avatar. Inspecting it did no good since it gives the classes for postbit userranks instead of postbit avatars. Without the ability to see the existing CSS there is no way to know what changes need to be made. The logical solution would be to use media queries on a "responsive" theme but that requires knowing the existing breakpoints of the theme. It does us no good to guess since we could end up doing more harm than good.

If it had been as simple as inspecting the existing CSS I would have posted a solution hours ago.

color me confused - what is a media query?

--------------- Added [DATE]1564662265[/DATE] at [TIME]1564662265[/TIME] ---------------

Originally Posted by final kaoss

If you use firefox, it will ask you if you want to prevent this page from creating additional dialogs. All you have to do is right click twice and bam it will ask you and then, you get the regular right click menus.

wonderful

[final kaoss]

Originally Posted by In Omnibus

That URL has a user rank, not an avatar. Inspecting it did no good since it gives the classes for postbit userranks instead of postbit avatars. Without the ability to see the existing CSS there is no way to know what changes need to be made. The logical solution would be to use media queries on a "responsive" theme but that requires knowing the existing breakpoints of the theme. It does us no good to guess since we could end up doing more harm than good.

If it had been as simple as inspecting the existing CSS I would have posted a solution hours ago.

There are indeed avatars there, skott has one, key2win has one and so does pwskelly.

[In Omnibus]

You could use something like the following in your css_additonal.css template:

@media only screen and (max-width: 1080px)

.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
max-width: 75%;

@media only screen and (max-width: 768px)

.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
max-width: 50%;

@media only screen and (max-width: 480px)

.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
max-width: 25%;

You will need to adjust the percentages based upon what you want to see at each screen size.

[scottkoz20]

I'll have to look at this more once I'm back in my office tomorrow - I have the idea of what needs to be done. In the additional.css file there are breakouts for the various size screens so I will need to look at this further.

would I need to do something like
.postbitlegacy .userinfo .postuseravatar img, .postbit .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
max-width: 25%;

for capturing both the PB and PB legacy?

Thank you all for the assistance - much appreciated.

[iA1]

If you want to apply it for postbit as well postbit legacy then you may use something like this:

.userinfo img {
max-width: 50% !important;
}

Instead of using percentages, I think it might be better to use fixed pixel values at different breakpoints.

[scottkoz20]

Originally Posted by iA1

If you want to apply it for postbit as well postbit legacy then you may use something like this:

.userinfo img {
max-width: 50% !important;
}

Instead of using percentages, I think it might be better to use fixed pixel values at different breakpoints.

Just need it for the postbit, I am using your mod to auto force postbit on mobile screen and also MarkFL's mod to allow for users to select their postbit style in their options (currently). I may go back to postbit_legacy for desktop and postbit for mobile, but I need to decide on this.

The code here adding the .postbit does what I needed. I did reduce this to 30% at this point.

Everyone that helped, I thank you greatly for this.


Scott