1
incenseman
Changing text in whosonline from black to red.

I created a theme and the background is dark. I changed the color of the text that tells users names, but the rest, IP Address and where the user is on the site, is still black. Can someone please give me lots of detail on how to change all the text in the whosonline list to red from black?

2
msdana
Re: Changing text in whosonline from black to red.
  • 2006/6/3 3:31

  • msdana

  • Just can't stay away

  • Posts: 817

  • Since: 2005/12/11


Check the content text color of the column where the block is placed.

For example, if you have it placed in your left column, check td#leftcolumn div.blockContent OR td#leftcolumn.

It's hard to tell unless we can see your CSS.

HTH
[size=x-small]If God is watching us, the least we can do is be entertaining.[/size]
Graphic Worx : Xoops Themes

3
incenseman
Re: Changing text in whosonline from black to red.
  • 2006/6/3 13:28

  • incenseman

  • Just popping in

  • Posts: 21

  • Since: 2005/7/16


Here is a screenie of the issue.

Resized Image



Here is the CSS that I am using for the theme.

---------------------------------------

html {
scrollbar-3dlight-color:#999999;
scrollbar-arrow-color:#ff0000;
scrollbar-darkshadow-color:#999999;
scrollbar-face-color:#f5f5f5;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#efefef;
scrollbar-track-color:#ffffff;
}

table {
width: 100%;
margin: 5;
padding: 5;
font-size: small;
}
table td {
padding: 0;
border-width: 0;
vertical-align: top;
}
div#content {
padding: 5px;
text-align: left;
}
div#content td {
padding: 3px;
}
div.xoopsCode {
color: #000000;
font-size: 12px;
background: #f5f5f5;
border-left: #999999 solid 1px;
border-bottom: #999999 solid 1px;
border-right: #cccccc solid 1px;
border-top: #cccccc solid 1px;
padding: 7px;
margin: 5px;
}

div.xoopsQuote {
color: #000000;
font-size: 12px;
background: #f5f5f5;

-left: #999999 solid 1px;
border-bottom: #999999 solid 1px;
border-right: #cccccc solid 1px;
border-top: #cccccc solid 1px;
padding: 7px;
margin: 5px;
}
body {
//background: #336699;
background-image:url(images/bgh91.jpg);
background-attachment: fixed;
background-repeat:repeat-y;
color;red;
}
a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: red;
}
a:hover {
text-decoration: underline;
font-weight: bold;
font-size: 12px;
color: #000066;
}
td {
background-color: transparent;
font-size: 12px;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}
input {
background:black;
color :red;
font-size : 12px;
font-weight:bold;
border:solid 0px #cccccc #cccccc #999999 #999999;
text-indent : 2px;
}
textarea {
font-size: 12px;
font-weight:bold;
color: red;
background:#f3f3ff;
border-left: #999999 solid 1px;
border-bottom: #999999 solid 1px;
border-right: #cccccc solid 1px;
border-top: #cccccc solid 1px;
text-indent : 2px;
}
select {
color:#000066;
font-size: 12px
}
img {
border: 0;
}
ul {
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}
li {
margin-left: 2px;
list-style: disc inside;
}

.odd {
background-color: transparent;
}
.outer {
background-color: transparent;
}
.even {
background-color: transparent;
}
th {
background-color: transparent;
color:red;
text-align: left;
padding: 3px;
}
.head {
background-color: transparent;
padding: 3px;
}
.foot {
background-color: transparent;
padding: 3px;
}
.comTitle {
font-weight: bold;
margin-bottom: 2px;
}
.comText {
padding: 2px;
}
.comUserStat {
font-size: 10px;
color: #000000;
border: 1px solid #cccccc;
background-color: #f5f5f5;
margin: 2px; padding: 2px;
}
.comUserStatCaption {
font-weight: normal;
}
.comUserStatus {
margin-left: 2px;
margin-top: 10px;
color: #efefef;
font-size: 10px;
}
.comUserRank {
margin: 2px;
}
.comUserRankText {
font-size: 10px;
}
.comUserRankImg {
border: 0;
}
.comUserName {}
.comUserImg {
margin: 2px;
}
.comDate {
font-weight: normal;
font-size: smaller
}
.comDateCaption {
font-style: normal;
}

.item {
border: 3px double #000000;
}
.itemHead {
background: #000000;
border-bottom:solid 1px #000000;
color: #000000; padding: 2px;
font-weight: bold;
text-align: left;
}
.itemInfo {
text-align: right;
padding: 3px;
background: transparent
}
.itemTitle a {
font-weight: bold;
font-variant:
color: #0099CC;
background-color: transparent;
}
.itemPoster {
font-size: 90%;
}
.itemPostDate {
font-size: 90%;
}
.itemStats {
font-size: 90%;
}
.itemBody {
padding: 10px;
text-align: left
}
.itemText {
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.5em;
}
.itemFoot {
text-align: right;
padding: 3px;
background: #000000;
}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}


}
.blockTitle2 {
background:#f5f5f5;
color: #639ACE;
font-weight: bold;
width:100%;
text-align:center;
vertical-align:bottom;
font-size:14px;
padding-bottom:4px;
}
.blockContent {
backgroundr: transparent;
padding: 5px;
text-align:left;
}
.blockContent2 {
background: #f8f8ff;
padding: 10px;
text-align:left;
border-left: #999999 double 3px;
border-bottom: #999999 double 3px;
border-right: #999999 double 3px;
}
td#mainmenu a {
color:#0099CC;
display: block;
margin: 0;
padding: 2px;
font-weight:bold;
}
td#mainmenu a:hover {
color:#cd5c5c;

font-weight:bold;
}
td#mainmenu a.menuTop {
padding-left: 3px;

font-weight:bold;
}
td#mainmenu a.menuMain {
padding-left: 3px;

font-weight:bold;
}
td#mainmenu a.menuSub {
padding-left: 9px;
border-bottom: 1px dotted #999999;
font-weight:bold;
}

td#usermenu a {
color:#0099CC;
display: block;
margin: 0;
padding: 2px;
font-weight:bold;

}
td#usermenu a:hover {
color:#cd5c5c;

font-weight:bold;
}
td#usermenu a.menuTop {
padding-left: 3px;

font-weight:bold;
}
td#usermenu a.highlight {
padding-left: 3px;
border-bottom: 1px dotted #999999;
font-weight:bold;
}

hr{
border: solid 1px #cccccc;
}

-------------------------------------------------
Edited: 9:48 AM 6/4/2006

Following qote by msdana:
Quote:
Check the content text color of the column where the block is placed.

For example, if you have it placed in your left column, check td#leftcolumn div.blockContent OR td#leftcolumn.

It's hard to tell unless we can see your CSS.



I was really happy to see the quick response to my initial post. Now that I have provided the information mentioned in that replay, There has been no other answer. Is this not the information needed to find the answer to my dilemma? If not please let me know. Tell me what information you need and I will post it.

Is there anyone that has the answer to this question? Please let me know.

Nevermind, I fixed it. I got xsas and backed up the CSS for the theme. Then just randomly changes things untill it did what I wanted. Now if I can just remember what I did.

I seldom have to come here. I can generally figure things out.

Thanks anyway.

Login

Who's Online

387 user(s) are online (343 user(s) are browsing Support Forums)


Members: 0


Guests: 387


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits