El Porcharo
Well-known member
Well, I self-answered thisto extend this to the alert menu as well, I assume that I only have to add the related href within the same rule
Working great, thanks for your help @BassMan!!
Well, I self-answered thisto extend this to the alert menu as well, I assume that I only have to add the related href within the same rule
extra.less
template: .menu-separator {
border-top: 1px solid #dfdfdf;
}
!important
after the colour code.Lmao I didn't even notice that until I zoomed in. Thank you. Works perfect.If you take a closer look you can see you already have lines. I guess you're using a 3rd-party style.
Try to change the colour by adding this code to yourextra.less
template:
Less:.menu-separator { border-top: 1px solid #dfdfdf; }
If nothing is changed, try adding!important
after the colour code.
Thanks, but this is not what I meant. I'm talking about under the mailing or alerts section, the text and icons are separated by dots. I would like to space them a little more. Is it separator class? See attached image.If you mean to add padding between icons and titles, uncomment this part in the code:/*padding-right: 5px;*/
. To have it just like that:padding-right: 5px;
.
Thanks but this didn't really do anything besides remove my icons. I must be missing something.Try with this:
Less:.menu-footer-main { .listInline > li, .listInline.listInline--bullet > li:before { padding-right: 5px; }
Yes, sorry... I've edited the code.[edit] I am a dummy. There was a missing semi-colon. Works perfect. Thanks.
No problem at all! I just really appreciate you replying and giving me a hand. Looks great!Yes, sorry... I've edited the code.
For UI.X 2 use this code:I use th uix 2. I see in desktop bu ı cant see in mobile
View attachment 292302
/* Icons in Visitor menu */
.menu-content.js-visitorMenuBody .menu-linkRow,
.uix_canvasPanelBody .menu-linkRow {
padding: 6px 5px 6px 12px;
}
.menu-content.js-visitorMenuBody a.menu-linkRow,
.uix_canvasPanelBody a.menu-linkRow {
&:before {
.m-faBase();
padding-right: 5px;
}
&[href*="whats-new/news-feed"]:before {
.m-faContent(@fa-var-rss);
}
&[href*="search/member"]:before {
.m-faContent(@fa-var-comments);
}
&[href*="account/reactions"]:before {
.m-faContent(@fa-var-thumbs-up);
}
&[href*="account/alerts"]:before {
.m-faContent(@fa-var-bell);
}
&[href*="account/account-details"]:before {
.m-faContent(@fa-var-user-cog);
}
&[href*="account/security"]:before {
.m-faContent(@fa-var-shield-alt);
}
&[href*="account/privacy"]:before {
.m-faContent(@fa-var-lock);
}
&[href*="account/preferences"]:before {
.m-faContent(@fa-var-cogs);
}
&[href*="account/signature"]:before {
.m-faContent(@fa-var-signature);
}
&[href*="account/upgrades"]:before {
.m-faBase('Brands');
.m-faContent(@fa-var-paypal);
}
&[href*="account/connected-accounts"]:before {
.m-faContent(@fa-var-users-class);
}
&[href*="account/following"]:before {
.m-faContent(@fa-var-user-plus);
}
&[href*="account/ignored"]:before {
.m-faContent(@fa-var-user-minus);
}
&[href*="logout"]:before {
.m-faContent(@fa-var-sign-out);
}
}
/*****/
UI.X 2 için şu kodu kullanın:
Less:/* Ziyaretçi menüsündeki simgeler */ .menu-content.js-visitorMenuBody .menu-linkRow, .uix_canvasPanelBody .menu-linkRow { dolgu: 6 piksel 5 piksel 6 piksel 12 piksel; } .menu-content.js-visitorMenuBody a.menu-linkRow, .uix_canvasPanelBody a.menu-linkRow { &:önce { .m-faBase(); sağ dolgu: 5px; } &[href*="whats-new/news-feed"]:önce { .m-faContent(@fa-var-rss); } &[href*="arama/üye"]:önce { .m-faContent(@fa-var-comments); } &[href*="account/reactions"]:önce { .m-faContent(@fa-var-thumbs-up); } &[href*="hesap/uyarılar"]:önce { .m-faContent(@fa-var-bell); } &[href*="account/account-details"]:önce { .m-faContent(@fa-var-user-cog); } &[href*="hesap/güvenlik"]:önce { .m-faContent(@fa-var-shield-alt); } &[href*="hesap/gizlilik"]:önce { .m-faContent(@fa-var-lock); } &[href*="account/preferences"]:önce { .m-faContent(@fa-var-cogs); } &[href*="hesap/imza"]:{'den önce .m-faContent(@fa-var-signature); } &[href*="hesap/yükseltmeler"]:önce { .m-faBase('Markalar'); .m-faContent(@fa-var-paypal); } &[href*="account/connected-accounts"]:önce { .m-faContent(@fa-var-users-class); } &[href*="hesap/takip ediliyor"]:önce { .m-faContent(@fa-var-user-plus); } &[href*="account/ignored"]:önce { .m-faContent(@fa-var-user-minus); } &[href*="çıkış"]:önce { .m-faContent(@fa-var-sign-out); } } /*****/[/KOD] [/QUOTE] Materyal tasarım ikonlarını kullanabilir miyiz? https://pictogrammers.com/library/mdi/
I think there is a switch in Style properties for UI.X 2 style to use Material icons. Just switch it, and these icons will also look like Material icons.
Not visitor menu ı am sorry.
İts account page sidenav
Oh, then we need to go here:Not visitor menu ı am sorry.
İts account page sidenav
We use essential cookies to make this site work, and optional cookies to enhance your experience.