Unsure Which Color Code Needs Editing in CSS

Go down

Solved Unsure Which Color Code Needs Editing in CSS

Post by hardysangel2010 on August 3rd 2019, 5:11 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://ibb.co/4F3fLCq
Who the problem concerns : All members
When the problem appeared : when I started editing the css today
Forum link : http://into-the-night.board-directory.net/forum

Description of problem

I haven't edited a forum skin in several years, and I've run into a problem while editing the new skin I'm working on. While editing the color codes in the CSS style sheet I realized that one of them was making the text at the bottom of the forum illegible, meaning the

In total there is 1 user online :: 1 Registered, 0 Hidden and 0 Guests
Most users ever online was 5 on Wed 14 Sep 2011 - 23:57 etc

the CSS Stylesheet I am currently using is below. Can someone point me to the section of code that I need to edit so that I do not need to comb through every single color code until I find the right one?

Code:
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Georgia, sans-serif; font-size: 10px; color: #dddddd; margin:20px 20px 20px 20px; }
TABLE, TR, TD { font-family:Georgia, sans-serif; font-size: 9px; color: dddddd; }
a:link, a:visited, a:active { text-decoration: none; color: #7aabb0 }
a:hover { color: #7aabb0; text-decoration: none; text-transform: lowercase }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #dddddd;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #2E2D2D; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#777;background-color:#dddddd;padding:4px;margin:0px }

.warngood { color:green }
.warnbad  { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg  { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #2E2D2D;background-color: #000000 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #dddddd; border:1px solid #2E2D2D;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { display:none;border:1px solid #2E2D2D;background-color: #3860BB;background-image:url(http://209.85.12.234/style_images//tile_back.gif);padding:0px;margin:0px; }
#submenu  { display:none;border:1px solid #5e5e5e;background-color: #dddddd;font-size:10px;margin:3px 0px 3px 0px;color:#2E2D2D;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #2E2D2D; }
#userlinks { border:1px solid #2E2D2D; background-color: #dddddd }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#5e5e5e; padding:6px }

.pformstrip { background-color: #5e5e5e; color:#2E2D2D;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #dddddd; padding:6px; margin-top:1px;width:25%; border-top:1px solid #dddddd; border-right:1px solid #dddddd; }
.pformleftw { background-color: #dddddd; padding:6px; margin-top:1px;width:40%; border-top:1px solid #dddddd; border-right:1px solid #dddddd; }
.pformright { background-color: #dddddd; padding:6px; margin-top:1px;border-top:1px solid #dddddd; }

.post1 { background-color: #dddddd }
.post2 { background-color: #dddddd }
.postlinksbar { background-color:#5e5e5e;padding:7px;margin-top:1px;font-size:10px }

.row1 { background-color: #dddddd }
.row2 { background-color: #dddddd }
.row3 { background-color: #dddddd }
.row4 { background-color: #dddddd }

.darkrow1 { background-color: #dddddd; color:#2E2D2D; }
.darkrow2 { background-color: #5e5e5e; color:#2E2D2D; }
.darkrow3 { background-color: #5e5e5e; color:#2E2D2D; }

.hlight { background-color: #dddddd }
.dlight { background-color: #dddddd }

.titlemedium { font-weight:bold; color:#2E2D2D; padding:0px; margin:0px; background-color:5e5e5e; text-align:center;letter-spacing:2px;text-transform:uppercase }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #2E2D2D }

.maintitle { vertical-align:middle;font-weight:normal; text-transform:uppercase; color:#5e5e5e; letter-spacing:-1px; padding:0px 0px 0px 0px; background-color:2E2D2D; font-family:Georgia; font-size:26px; border-bottom:3px solid #5e5e5e }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { font-weight:normal;text-decoration: none; text-transform:uppercase; letter-spacing:-1px; color: #5e5e5e }
.maintitle a:hover { font-weight:normal;text-decoration: none; text-transform:uppercase; letter-spacing:-1px; color: 5e5e5e }

.plainborder { border:1px solid #2E2D2D;background-color:#dddddd }
.tableborder { border:1px solid #2E2D2D;background-color:#5e5e5e; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #2E2D2D;background-color:#dddddd;padding:6px;  }
.tablepad    { background-color:#dddddd;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#434951 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #339 }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Georgia, Verdana; font-size: 9px; color: #454545; background-color: #dddddd; border: 4px dashed #949494; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Georgia, Verdana;  font-size: 9px; color: #454545; background-color: #dddddd; border: 4px dashed #949494; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Georgia,Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { background-color: #5e5e5e; border: 1px solid #5e5e5e;font-size: 10px; font-family: georgia, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { background-color:#5E5E5E; border: 1px solid #5E5E5E;font-size: 10px; font-family: georgia, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px dotted #5e5e5e;border-bottom:1px dotted #5e5e5e }

.purple { color:purple;font-weight:bold }
.red    { color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue  { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

.menu {border: 0px; color:#454545; padding: 6px 6px 6px 6px; }
.menu a {border: 0px; color:#454545; font-size:9px; text-transform:uppercase;text-decoration: none; padding: 6px 6px 6px 6px; }
.menu a:hover {border: 0px; color:#949494; font-size:9px; text-decoration: underline; padding: 6px 6px 6px 6px; text-transform:uppercase; letter-spacing:0px }

div.tableborder div.tablepad { background-color: #dddddd!important; }
div.tableborder div.tablepad  table { background-color: #dddddd!important; }
div.tableborder div.tablepad input { color: #000!important; background-color: #5e5e5e!important; border: 1px solid #5e5e5e; }

a.mainmenu {
    margin-left: 3px;
}


Last edited by hardysangel2010 on August 3rd 2019, 5:25 am; edited 1 time in total
hardysangel2010
hardysangel2010
Forumember

Female Posts : 30
Reputation : 0
Language : English
Location : North Carolina

View user profile http://king--of--new--york.omgforum.net/

Back to top Go down

Solved Re: Unsure Which Color Code Needs Editing in CSS

Post by Storyteller of Wonderland on August 3rd 2019, 5:19 am

Hello!

Change this code here:

Code:
BODY {font-family: Georgia, sans-serif; font-size: 10px; color: #dddddd; margin: 20px 20px 20px 20px; }

On this:

Code:
body {font-family: Georgia, sans-serif; font-size: 10px; color: # 000; margin: 20px 20px 20px 20px; }

I also think it will be useful for you:

Code:
#page-footer a: hover {
    color: black;
}
Storyteller of Wonderland
Storyteller of Wonderland
Forumember

Female Posts : 108
Reputation : 10
Language : Russian, German, French, English.
Location : Russia

View user profile http://milanwake.forum2x2.ru

Back to top Go down

Solved Re: Unsure Which Color Code Needs Editing in CSS

Post by hardysangel2010 on August 3rd 2019, 5:25 am

Thank you so much! This is now solved!
hardysangel2010
hardysangel2010
Forumember

Female Posts : 30
Reputation : 0
Language : English
Location : North Carolina

View user profile http://king--of--new--york.omgforum.net/

Back to top Go down

Solved Re: Unsure Which Color Code Needs Editing in CSS

Post by Storyteller of Wonderland on August 3rd 2019, 5:26 am

@hardysangel2010 wrote:Thank you so much! This is now solved!


Good luck If you have more questions, please contact! I'll be glad to help! Neutral
Storyteller of Wonderland
Storyteller of Wonderland
Forumember

Female Posts : 108
Reputation : 10
Language : Russian, German, French, English.
Location : Russia

View user profile http://milanwake.forum2x2.ru

Back to top Go down

Solved Re: Unsure Which Color Code Needs Editing in CSS

Post by SLGray on August 3rd 2019, 5:50 am

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


Unsure Which Color Code Needs Editing in CSS Keep_s10
Unsure Which Color Code Needs Editing in CSS Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 48312
Reputation : 3392
Language : English
Location : United States

View user profile https://help.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum