hello dear friends, i want to change font of menus of admincp control panel. i create "font-face" in file "controlpanel.css" under the path "core/cpstyles/vBulletin_5_default" and change all "font-family" to my favorite font. after apply changes, my admincp login page font changed but when i loged into the admincp control panel, font did not change, i do know how to change admincp menu font, please help me solve that.
problem in changing admincp font vbulletin 5
Collapse
X
-
You need to alter the font-family in each class you want to change. For instance the left navigation bar has these two classes:
Code:.navtitle { background-color: #0086D3; height: 30px; border-top: 1px solid #7C8189; border-bottom: 1px solid #4F545B; font-family: Ubuntu, verdana, helvetica, arial, sans-serif; font-weight: bold; font-size: 15px; color: #F2F2F2; user-select: none; text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); } .navgroup a { display: block; height: 28px; line-height: 28px; background: #E0E0E1; border-bottom: 1px solid #B1B1B1; text-decoration: none; font-family: Ubuntu, verdana, helvetica, arial, sans-serif; font-size: 13px; color: #000C1D; }
Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 API👍 1 -
thanks for your reply. i changed the file "controlpanel.css" and edit all classes font-family. changes are as below, but still no effect :
PHP Code:/*========================================================================*\
|| ###################################################################### ||
|| # vBulletin 5.5.2
|| # ------------------------------------------------------------------ # ||
|| # Copyright 2000-2019 MH Sub I, LLC dba vBulletin. All Rights Reserved. # ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ----------------- VBULLETIN IS NOT FREE SOFTWARE ----------------- # ||
|| # http://www.vbulletin.com | http://www.vbulletin.com/license.html # ||
|| ###################################################################### ||
\*========================================================================*/
@font-face {
font-family: iranyekan;
font-style: normal;
font-weight: bold;
src: url('http://linux-zone.org/forums/fonts/iranyekan/eot/iranyekanwebbold.eot');
src: url('http://linux-zone.org/forums/fonts/iranyekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
url('http://linux-zone.org/forums/fonts/iranyekan/woff2/iranyekanwebbold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
url('http://linux-zone.org/forums/fonts/iranyekan/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('http://linux-zone.org/forums/fonts/iranyekan/ttf/iranyekanwebbold.ttf') format('truetype');
}
#acp-head-wrapper {
font-family: iranyekan;
}
#acp-top-links {
background: #F5F4F4;
margin: 0;
padding: 0 35px;
height: 28px;
font-size: 12px;
border-bottom: 1px solid #21282d;
color: #e9e9e9;
}
#acp-top-links li {
list-style: none;
display: block;
height: 28px;
line-height: 28px;
padding: 0 20px;
}
#acp-top-links li.divider {
border-left: 1px solid #DBDCDD;
border-right: 1px solid #F7F7F7;
padding: 0;
}
#acp-top-links li#acp-top-link-acp {
border-top: 1px solid #21282d;
border-left: 1px solid #21282d;
border-right: 1px solid #21282d;
background: #303942;
color: #FFF;
font-family: iranyekan;
font-weight: bold;
}
#acp-top-links li > a {
display: block;
height: 28px;
line-height: 28px;
}
#acp-top-links li#acp-top-link-site a {
color: #262d35;
text-decoration: none;
}
#acp-logo-bar {
background: url("admincp_hd_back.png") repeat;
height: 57px;
clear: both;
}
#acp-logo-bar a {
color: #FFF;
text-decoration: none;
}
#acp-logo-bar .logo {
margin: 12px 12px 0;
}
#acp-logo-bar .logo img {
height: 29px;
}
#acp-logo-bar .links {
margin-top: 22px;
}
#acp-logo-bar .search {
margin-top: 15px;
}
#acp-logo-bar .search input[type="text"] {
width: 300px;
}
#acp-nav-wrapper {
width:240px;
padding: 10px 0;
background-color:#686C73;
}
.acp-nav-controls {
clear: both;
margin: 0;
}
.acp-nav-controls a {
border: 1px solid #41454C;
color: #DEE1E3;
background-color: #595D64;
font-family: iranyekan;
font-size: 11px;
display: block;
height: 22px;
margin: 4px 20px 0 20px;
text-align: center;
line-height: 22px;
text-decoration: none;
border-radius: 2px;
}
.acp-nav-controls a.nav-left {
width: 96px;
}
.acp-nav-controls a.nav-right {
width: 96px;
}
.acp-nav-controls > div {
clear: both;
}
.navtitle {
background: url("admincp_lnav_btn_default.png");
height: 26px;
border-top: 1px solid #7C8189;
border-bottom: 1px solid #4F545B;
font-family: iranyekan;
font-weight: bold;
font-size: 12px;
color: #F2F2F2;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.navtitle-open {
background: url("admincp_lnav_btn_active.png");
color: #000C1D;
}
.navgroup a {
display: block;
height: 28px;
line-height: 28px;
background: #E0E0E1;
border-bottom: 1px solid #B1B1B1;
text-decoration: none;
font-family: iranyekan;
font-size: 11px;
color: #000C1D;
}
/*========================================================================*\
|| ######################################################################
|| # Downloaded: 01:47, Sat May 18th 2019
|| # CVS: $RCSfile$ - $Revision: 100097 $
|| ######################################################################
\*========================================================================*/
when i check with inspect elements admin cp menus, it shows that page is using another font (font-family=Arial font) than what im chosing in the file.
Last edited by habili; Tue 28 May '19, 7:21am.Comment
-
This code is illegal code in a CSS file:
Code:IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com This set of fonts are used in this project under the license: (HSY9B)
Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Make sure you clear the browser cache and restart the browser.MARK.B
vBulletin Support
------------
My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
My Unofficial vBulletin Cloud Demo: https://www.adminammo.com👍 1Comment
-
I don't know what it isn't changing for you. Are you editing the default css or did you create a new cpstyle directory? If you created a new cpstyle directory, make sure there are no spaces in the name and that it doesn't contain any UTF-8 characters.
I am able to change the font without problem with my custom CSS..
Using Ubuntu Font -
Using a font called Indie Flower for a more radical change -
Last edited by Wayne Luke; Fri 24 May '19, 7:42am.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 API👍 1Comment
-
Here is a version using two fonts (One for the headers and one for basic text) -
Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 API👍 1Comment
-
Thanks for your follow up.
Yes, you are right. I install pagespeed module on my server and it was caching pages. Problem solved With clearing its cache and admincp font changed successfully.
I just have another question:
“Setting/options” part that i highlight it in below , its font did not change.
Ofcourse when i find related class in “inspect element” and change font-family, it become ok but i cant find that class in css files and styles. Please help me find thatComment
-
Set it on the ID directly with your own custom CSS.
#settings-select {
your code here
}Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 API👍 1Comment
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Comment