MyBB Community Forums
[How To?] How to change colors - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: [How To?] How to change colors (/thread-167538.html)



How to change colors - amRq7U - 2015-02-21

How I can change these colors?
[Image: fYO47rS.png]

(2015-02-21, 08:34 PM)amRq7U Wrote: How I can change these colors?
[Image: fYO47rS.png]

Anyone?


RE: How to change colors - UnfedZombie - 2015-02-21

In your global.css file commonly in Site.com/cache/themes/theme(ThemeNumberHere)/global.css In that CSS file will contain all you need to change the colours simply use inspect element to find the class/id of the green areas, Also, for the green icons beside the BiH firme bla bla those are images, YOu will need to photoshop the colour different and reupload it to your images directory.

Use FTP client like FileZilla or your cPanel file manager to edit the files and directories.


RE: How to change colors - amRq7U - 2015-02-21

I dont know how to do it. Can you help me?


RE: How to change colors - ThemeFreaknet - 2015-02-22

You will need to edit global.css and dd.css for some of the changes

For changing the tabs, find the following and edit the background color:

Quote:#portal #nav-portal a,#forums #nav-forums a,#search #nav-search a,#member #nav-member a,#calendar #nav-calendar a,#contactus #nav-contactus a,#help #nav-help a{
background:#429c46;
color:#fff;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border:1px solid #51b655;
text-shadow:1px 1px 0px #337335;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
-webkit-box-shadow:inset 0 0 1px 1px #377b3a;
-moz-box-shadow:inset 0 0 1px 1px #377b3a;
box-shadow:inset 0 0 1px 1px #377b3a;
padding:15px;
-webkit-box-shadow:0px 0px 15px 2px rgba(50,50,50,0.75);
-moz-box-shadow:0px 0px 15px 2px rgba(50,50,50,0.75);
box-shadow:0px 0px 15px 2px rgba(50,50,50,0.75);
text-decoration:none;
font-familyConfusedource Sans Pro,Tahoma,Helvetica Neue,Arial,sans-serif;
font-size:14px;
font-style:normal;
}

To edit info bar go to dd.css and edit the background of the following:

Quote:.navMenu {
   background: none repeat scroll 0% 0% #429C46;
   border: 1px solid #377B3A;
   box-shadow: 0px 0px 1px 1px #51B655 inset;
   padding: 10px;
   border-radius: 3px;
   margin: auto;
   height: 25px;
   font-family: Source Sans Pro;
   font-size: 15px;
   font-style: normal;
}

To change the forum icons, download them and edit with photoshop then upload back to your web host in the appropriate folder.