I can't find it in the css .... This space I'm typing in right now if what I mean...
Thank you
Are you talking about the white background?
Yes.
you need to learn to use the browser inspect tool...
.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%;
}
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
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.
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
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).
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
Kindred gave you the file ... just change this line:
background: #fff;
to whatever color you want.
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.
Your browser probably has the original css cached, so try a hard refresh or clearing your cache.
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
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,
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.holidaysChange 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.
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.
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 ;)
Thank you! ;D