News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Curve2 avatars

Started by Sir Osis of Liver, May 01, 2023, 10:55:28 PM

Previous topic - Next topic

Sir Osis of Liver

What removes avatar from poster info in phone view?
When in Emor, do as the Snamors.
                              - D. Lister

Kindred

Responsive css based on screen size
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Sir Osis of Liver

Spent a good hour last night looking in there.  Only two classes incude 'avatar' -


#alerts .alert_image .avatar {
display: none;
}
#alerts .alert_image .avatar + .alert_icon {
position: static;
}


No effect.  And there's nothing in index.css that has any effect.
When in Emor, do as the Snamors.
                              - D. Lister

Diego Andrés

Unfortunately, it hides everything and then picks what to show/bring back.
Try like this

Code (Search) Select
.user_info li,
.custom_fields_above_member {
display: none;
}

Code (Replace) Select
.user_info li:not(.avatar),
.custom_fields_above_member {
display: none;
}
.user_info li.avatar::before {
display: none;
}

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

That works.  Added this to make it smaller -


@media (max-width: 768px) {
.poster img.avatar {
max-height: 60px !important;
}
}

When in Emor, do as the Snamors.
                              - D. Lister

Advertisement: