.avatar img, .avatar .img, .avatarCropper { border-radius: 50%; }
Thank youCode is a bit more complex, so while that should be enough for now, I recommend to wait for next update.
In upcoming version I've added option for rounded avatars and option for animated online indicator. Online indicator code is based on that tutorial, but with many changes. Code uses style's color palette instead of predefined colors, automatically adjusts location based on avatar size and radius, you can put online indicator in any corner (top/left, top/right, bottom/left, bottom/right), it also changes position for mobile devices and horizontal profile layout option.
This solution doesn't work.Add this to extra.cssCode:.avatarCropper .avatar { border-radius: 0 !important; }
Complete code please. I don't know how to do this.Add , .avatarCropper img to that selector.
Both Elegance v1 and Elegance v2 have been updated.
Changes for Elegance 2:
- New option: rounded avatars. You can find it in style properties -> message layout.
- New option: animated online indicator. You can find it in style properties -> message layout. You can configure where to display it relative to avatar: top left, top right, bottom left or bottom right. It works well with rounded avatars.
- Several new options for alternative navigation layout.
- Many small bug fixes....
Style has been updated for XenForo 1.5.6, XenForo Resource Manager 1.2.3 and XenForo Media Gallery 1.1.5
To update from previous version import new style XML file. Other files were not changed.
Artodia Styles Framework add-on included with Elegance 2 was not changed.
Changes:
If you are not using any of those add-ons, no need to update style.
- Support for latest version of GFN Classifieds add-on
- Support for latest version of Article Management System add-on
- Support for latest versions of XenPorta2 Pro and XenAtendo 2 Pro add-ons
To update style from previous version import new XML file. Other files were not changed.
Style has been updated for XenForo 1.5.7 and XenForo Media Gallery 1.1.6.
To update from previous version import new XML file. Other files were not changed.
Yes, there is an option for that in Elegance 2. But in Elegance 1 there is no such option.Hi @Arty - Lovely theme.
But I always like my themes to have the navigation bar stretch to the whole page width, what one may call a top covered style. Can that be achieved with this theme or any of your themes. Thanks
.primaryNavigationWrapper
{
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}
That does it. I am buying this!Yes, there is an option for that in Elegance 2. But in Elegance 1 there is no such option.
To enable it in Elegance 2, first you need to switch to standard navigation: style properties -> alternative navigation -> enable alternative navigation (uncheck it)
Then you need to enable option to stretch navigation: style properties -> header and navigation -> scale navigation from left to right side of window (check it)
However now that I've re-checked that option to make sure it works, I've noticed minor bug with it - background outside of pageWidth area doesn't include gradient. To fix that minor error add this to extra.cssI'll fix that properly in next update.Code:.primaryNavigationWrapper { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); }
We use essential cookies to make this site work, and optional cookies to enhance your experience.