Flatline 2.1

Started by TwitchisMental, September 11, 2021, 02:40:16 PM

Previous topic - Next topic

iqbalresources

Hi

may i know, how can i change the color of the thread's title font in the board index? (testing stuff). I've been looking for the code's dark grey color, but still couldn't find it.  :) 


TwitchisMental

Quote from: iqbalresources on August 21, 2022, 05:10:01 PMHi

may i know, how can i change the color of the thread's title font in the board index? (testing stuff). I've been looking for the code's dark grey color, but still couldn't find it.  :) 


It may help you in the future to use your web browsers inspection tool to find the class you are looking for.

In this case the font color is being controlled by the h1,h2,h3,h4,h5,h6 section of index.css (Line 239)

If you want to change that specific title go to line 4187

.display_title {
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 0.25em;
  line-height: 1.05em;
  overflow-wrap: break-word;
}

Add this to the bottom and change it to whatever color you would like -

color: #000;
End Result -

.display_title {
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 0.25em;
  line-height: 1.05em;
  overflow-wrap: break-word;
  color: #000;
}
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

iqbalresources

Quote from: TwitchisMental on August 21, 2022, 05:59:45 PM
Quote from: iqbalresources on August 21, 2022, 05:10:01 PMHi

may i know, how can i change the color of the thread's title font in the board index? (testing stuff). I've been looking for the code's dark grey color, but still couldn't find it.  :) 


It may help you in the future to use your web browsers inspection tool to find the class you are looking for.

In this case the font color is being controlled by the h1,h2,h3,h4,h5,h6 section of index.css (Line 239)

If you want to change that specific title go to line 4187

.display_title {
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 0.25em;
  line-height: 1.05em;
  overflow-wrap: break-word;
}

Add this to the bottom and change it to whatever color you would like -

color: #000;
End Result -

.display_title {
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 0.25em;
  line-height: 1.05em;
  overflow-wrap: break-word;
  color: #000;
}


thank you!  :)

iqbalresources

Hi

if u could possibly help me, how could i change the font color of required information?. I've been looking around index.css, but still couldn't find it. not sure which code. thank you  :)



 

TwitchisMental

Quote from: iqbalresources on August 26, 2022, 11:30:32 AMHi

if u could possibly help me, how could i change the font color of required information?. I've been looking around index.css, but still couldn't find it. not sure which code. thank you  :)



 
open the index.css and go to line 3765

h3.titlebg, h4.titlebg, .titlebg, h3.subbg, h4.subbg, .subbg {
  background: none;
  color: rgb(85, 85, 85);
  font-family: "Tahoma", sans-serif;
  font-weight: bold;
  overflow: hidden;
  padding: 6px 12px 5px 12px;
  text-shadow: none;
}

Change the color to whatever you'd like.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

iqbalresources


TwitchisMental

New Version Uploaded -

1.2.1
Update : Updated for SMF 2.1.3
Adjustment: Adjusted some link colors in posts and Admin CP.
Adjustment: Adjusted News&Date section to flow better.
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

Advertisement: