MyBB Community Forums
Flatty - Editing the Theme - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Flatty - Editing the Theme (/thread-221685.html)



Flatty - Editing the Theme - Bean - 2019-01-25

Hey MyBB!

I'm having some issues editing the Flatty Theme. Where would I find the below? I searched all over global.css but couldn't find it.
http://prntscr.com/mc6zlr

1) The Blue Header
2) The Light Grey Sub-Header below the Blue Header
3) The slim white line between forums.

Also- where would I find the place to edit text colour?
Appreciate all help! Thanks.

(Wanting to change the colour of all of these)


RE: Flatty - Editing the Theme - Waleed B. - 2019-01-25

Right click that area and choose Inspect in the drop down then find out the element class name from there. Search that class name in global.css and edit it. If you were to post your site link I could help you but without access to your site this is my advice.


RE: Flatty - Editing the Theme - Mjniu - 2019-01-25

Admin CP --> Templates & Style --> Themes --> Flatty --> global.css

1

.thead {
   background: #2c82c9;
   color: #fff;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
   padding: 1.2em 1.425em 1.175em 1.275em;
   line-height: 24px;
}




2


.tcat {
   background: #e3e8f0;
   font-size: 12px;
   box-sizing: border-box;
   padding: 11px 20px 9px 18px;
}



3

.trow1 {
   background: rgb(253, 253, 253);
   border-bottom: 1px solid #f0f0f0;
   padding: 1.025em 1.275em 0.875em 1.175em;
}


.trow2 {
background: rgb(250, 251, 252);
border-bottom: 1px solid #f0f0f0;
padding: 1.025em 1.275em 0.875em 1.175em; 
}