Flatline 2.1

[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]

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.   

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

Code Select Expand

.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 -

Code Select Expand

color: #000;
End Result -

Code Select Expand

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


[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.   

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

Code Select Expand

.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 -

Code Select Expand

color: #000;
End Result -

Code Select Expand

.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]

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 



 

open the index.css and go to line 3765

Code Select Expand

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.

[iqbalresources]

Thank you! 

[TwitchisMental]

New Version Uploaded -

Code Select Expand

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.

[TwitchisMental]

New Version Uploaded:

Code Select Expand

1.2.2
Updated for SMF 2.1.4 and the Attachment UI changes.
Adjustment: Adjusted the background colors for various moderation specific styles.
Adjustment: Added background color to the admin menu and generic menu for the blue style. Other colors already had the background color.
Adjustment: Adjusted the new post indicator colors and bolded the text for legibility.

[VerlaKay]

Is there a simple way an ignoramus like me can replace the word FLATLINE with other words or an image? I know NOTHING about coding except that I can destroy a complete program by touching ANYTHING in the code. 

Thank you for any and all help.

Verla Kay

[TwitchisMental]

Is there a simple way an ignoramus like me can replace the word FLATLINE with other words or an image? I know NOTHING about coding except that I can destroy a complete program by touching ANYTHING in the code. 

Thank you for any and all help.

Verla Kay

The easiest way to do this would be replacing the logo.png file with your own logo.png.

It can be found in Flatline>images>custom .

[VerlaKay]

Thank you very much for your super speedy response. I'll see if I can find that file. The forum is hosted on SiteGround....

[VerlaKay]

I found the file and uploaded my image to the correct place on the server, but it's still showing a broken question mark for the image. Is there a specific size that the image needs to be to show up on the header?

[TwitchisMental]

I found the file and uploaded my image to the correct place on the server, but it's still showing a broken question mark for the image. Is there a specific size that the image needs to be to show up on the header?

No specific size needed.

I would first try to do a hard refresh (control key + f5) .

If it is still showing a question mark, that usually means the file is not found.  I have registered on your forum to investigate further, but it seems I will need approval first.

[VerlaKay]

Oops! You registered for the wrong forum. The one with the problem is

https://www.scbwidiscussionboards.org/index.php [nofollow]

Be sure to put in the reason for registering that you are helping Verla Kay with the FlatLine image so the other Admins won't block, delete or ban you because you aren't associated with the Kidlit industry!

[TwitchisMental]

Okay done and done.

[VerlaKay]

It's UP! Thank you, thank you, THANK YOU!

[TwitchisMental]

It's UP! Thank you, thank you, THANK YOU!

I have not done anything, I am still awaiting admin approval. Sounds like it may have just been a cache issue.

Either way I am happy to hear that the issue is resolved .

[VerlaKay]

Well, without your excellent information on how to find the file and which file needed to be replaced, I would not have been able to do this, so thanks are still appropriate. :-)

[VerlaKay]

Some people on my forum have visual impairment and have requested a darker color for the text on the site. Is there an easy way for me to turn the text to all black, for instance. I know I would probably need to go into the code of the template and change the color to #000000, but I am TERRIFIED of fooling around in the code! All I know about codes is that it is EXTREMELY easy to break the entire site by fooling around with it.

[TwitchisMental]

Some people on my forum have visual impairment and have requested a darker color for the text on the site. Is there an easy way for me to turn the text to all black, for instance. I know I would probably need to go into the code of the template and change the color to #000000, but I am TERRIFIED of fooling around in the code! All I know about codes is that it is EXTREMELY easy to break the entire site by fooling around with it.

The main body text found in index.css would be the one to change

open index.css

Find :

Code Select Expand

body {
background: #e9eef2;
font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
color: #4d4d4d;
display: flex;
flex-direction: column;
min-height: 100vh;
}

Replace :

Code Select Expand

body {
background: #e9eef2;
font: 83.33%/150% "Segoe UI", "Helvetica Neue", "Nimbus Sans L", Arial, "Liberation Sans", sans-serif;
color: #000;
display: flex;
flex-direction: column;
min-height: 100vh;
}