News:

SMF 2.1.4 has been released! Take it for a spin! Read more.

Main Menu

CSS location for white post text entry field?

Started by Random Username, January 12, 2023, 05:36:01 AM

Previous topic - Next topic

Random Username

I can't find it in the css .... This space I'm typing in right now if what I mean...

Thank you

Steve

DO NOT pm me for support!


Kindred

you need to learn to use the browser inspect tool...

Code (default/css/jquery.sceditor.css) Select
.sceditor-container iframe, .sceditor-container textarea {
  line-height: normal;
  border: 0;
  outline: none;
  font-size: 14px;
  color: #111;
  box-sizing: border-box;
  padding: 0 5px;
  margin: 0px;
  resize: none;
  background: #fff;
  display: flex;
  flex-basis: 175px;
  flex-grow: 1;
  min-width: 100%;
  max-width: 100%;
  height: 175px;
  min-height: 1px;
  max-height: 100%;
}
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Random Username

I hear ya. I'm trying. Self-taught and all that. Just a side project. I did try in chrome and firefox but didn't understand what I was seeing, didn't think the css would be outside the index.css. file. I imagine there are videos on youtube on how to use the tool. I will endeavor to learn.

Thank you

TwitchisMental

When using Firefox and using the inspect tool, look above the element name and it will show the source css file that the element is in.

Random Username

Wow, I super appreciate the help. Unfortunately, this has combined with a problem I'm having editing css files. Notepad++ keeps creating files named minified*.css. I stopped using it and going to try something else. Removed the files. But the web tool points to files named minified*.css even after that, not the actual .css files. No idea. Would appreciate a shove in right direction.  ;D

Sesquipedalian

Those minified files are created by SMF. To temporarily stop that while you are editing the CSS files, just turn off the "Minimize CSS and JavaScript files" option in Administration Center ► Features and Options ► General.

As it says in the help text for that option:
QuoteYou should normally leave this option enabled. The only time you might want to disable it temporarily is while you are in the process of altering the CSS or JavaScript files used on your site (for example, when editing your theme files or developing a modification).
I promise you nothing.

Sesqu... Sesqui... what?
Sesquipedalian, the best word in the English language.

Random Username

Thank you! It's working better. One issue it lists multiple css files and I couldn't find the color in them. It's still an improvement.

Thank you

Steve

Kindred gave you the file ... just change this line:

background: #fff;

to whatever color you want.
DO NOT pm me for support!

Random Username

Yes, I fixed that when he showed me but I'm still struggling getting the web developer tools to show me the right source file.

Thank you.

Aleksi "Lex" Kilpinen

Your browser probably has the original css cached, so try a hard refresh or clearing your cache.
Slava
Ukraini!
"Before you allow people access to your forum, especially in an administrative position, you must be aware that that person can seriously damage your forum. Therefore, you should only allow people that you trust, implicitly, to have such access." -Douglas

How you can help SMF

Random Username

Hi, the problem isn't caching but just my ignorance. I wish I could take a screenshot of the panel but can't seem to get the inspector in the shot. I'm trying to find the blue color in this calendar image.

Thank you



Kindred

the file and line number which generates the code displayed in the inspect or is listed to the right of the CSS Class or ID name,
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

TwitchisMental

Quote from: Random Username on January 15, 2023, 01:33:36 PMHi, the problem isn't caching but just my ignorance. I wish I could take a screenshot of the panel but can't seem to get the inspector in the shot. I'm trying to find the blue color in this calendar image.

Thank you
If you follow Kindreds advice you will find the following -

#main_grid td.holidays, #month_grid td.holidays
Change the background to whatever color you need.

Sometimes it will not be the first class that shows in the inspector tool. You have to scroll down and find the proper class with the values that you need to change.

Random Username

I really wish I could see anything like you guys describe. I don't see inspect at all. I see inspector in firefox. Nothing like that in chrome. In the styles section of chrome it shows some stuff from index.css but the relevant color is not in that file. Sigh. I hate to ask for the answer to the test but that color is the last one I need to change. If you could point me to it, I'd appreciate it greatly.

For sure, it is not showing #main_grid td.holidays, #month_grid td.holidays. But then there are so many different tabs and stuff. No clue.

Shades.

Quote from: Random Username on January 15, 2023, 05:30:51 PMI really wish I could see anything like you guys describe. I don't see inspect at all. I see inspector in firefox. Nothing like that in chrome. In the styles section of chrome it shows some stuff from index.css but the relevant color is not in that file. Sigh. I hate to ask for the answer to the test but that color is the last one I need to change. If you could point me to it, I'd appreciate it greatly.

For sure, it is not showing #main_grid td.holidays, #month_grid td.holidays. But then there are so many different tabs and stuff. No clue.
Look in calendar.css for #main_grid td.holidays & #month_grid td.holidays ;)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean


Advertisement: