Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › Other › Trying to change some text elements. › Reply To: Trying to change some text elements.

August 29, 2013 at 1:00 pm #148530
Jay Honnold
Participant

Hey TenkaraGrasshopper!

In order to change the color of the font, you are going to just need to change the CSS that relates to it.

Below I have pasted the source code to the frame that holds your poll

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css"> body {font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif}</style>
<style type="text/css">
  html, body {
    border: 0px;
    margin: 0px;
    padding: 0px 0px 0px 1px;
    background-color:transparent;
  }

  body, .questionText, .answerText {
    color:#333;
  }

  .answerText, .resultText, .resultBar, .pollStats, .voteButton, a, .errormsg {
    font-size: 12px;
  }
  .questionText {
    font-weight:bold;
  }

  a:link, a:visited, a:hover, a:active {
    color: #c30;
  }

  fieldset {
    border:0 none;
    padding:0;
    margin:5px 0;
  }
  .pollStats {
    color:silver;
    display:block;
    margin:5px 0;
  }
  .resultBar {
    border:none;
    margin-top:1px;
    margin-bottom:1px;
    padding-top:1px;
    padding-bottom:1px;

      background-color:#c30;

    white-space:nowrap;
  }
  td.answerText {
    border:0px;
    padding-left:0px;
    padding-top:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
  }
  td.answerText>div {
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
  }
  .resultText {


      color: #b7b7b7;


    border:solid 1px  #c30 ;
    padding-top:2px;
    white-space:nowrap;
  }
  td input {
    height:13px !important;
  }
  div.errormsg {
    border:none;
    color: #990000;
  }

  div.questionText {
    display: none;
  }

  </style>
</head>
<body><div style="width:100%;" id="rootCont">
<div class="questionText">What Tenkara topics would you like to see on TenkaraGrasshopper in the future?</div>
<table cellspacing="0" border="0" cellpadding="0" style="width:100%; margin: 0px; padding: 0px; border: 0px; ">
<tr><td class="answerText"><div title="Rod reviews">Rod reviews</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Rod reviews"> 
1
(50%)</div>
<div class="resultBar" title="Rod reviews" style="position:absolute;left:0px;top:0px;z-index:-1;width:50%"> </div></div></td></tr> <tr><td class="answerText"><div title="Tenkara Fly Patterns">Tenkara Fly Patterns</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Tenkara Fly Patterns"> 
1
(50%)</div>
<div class="resultBar" title="Tenkara Fly Patterns" style="position:absolute;left:0px;top:0px;z-index:-1;width:50%"> </div></div></td></tr> <tr><td class="answerText"><div title="Accessory Reviews">Accessory Reviews</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Accessory Reviews"> 
0
(0%)</div>
<div class="resultBar" title="Accessory Reviews" style="position:absolute;left:0px;top:0px;z-index:-1;width:0%"></div></div></td></tr> <tr><td class="answerText"><div title="Trip reports">Trip reports</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Trip reports"> 
1
(50%)</div>
<div class="resultBar" title="Trip reports" style="position:absolute;left:0px;top:0px;z-index:-1;width:50%"> </div></div></td></tr> <tr><td class="answerText"><div title="History">History</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="History"> 
0
(0%)</div>
<div class="resultBar" title="History" style="position:absolute;left:0px;top:0px;z-index:-1;width:0%"></div></div></td></tr> <tr><td class="answerText"><div title="Technique ">Technique </div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Technique "> 
1
(50%)</div>
<div class="resultBar" title="Technique " style="position:absolute;left:0px;top:0px;z-index:-1;width:50%"> </div></div></td></tr> <tr><td class="answerText"><div title="Book reviews">Book reviews</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Book reviews"> 
0
(0%)</div>
<div class="resultBar" title="Book reviews" style="position:absolute;left:0px;top:0px;z-index:-1;width:0%"></div></div></td></tr> <tr><td class="answerText"><div title="Videos">Videos</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Videos"> 
0
(0%)</div>
<div class="resultBar" title="Videos" style="position:absolute;left:0px;top:0px;z-index:-1;width:0%"></div></div></td></tr> <tr><td class="answerText"><div title="Reviews of other Tenkara blogs">Reviews of other Tenkara blogs</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Reviews of other Tenkara blogs"> 
0
(0%)</div>
<div class="resultBar" title="Reviews of other Tenkara blogs" style="position:absolute;left:0px;top:0px;z-index:-1;width:0%"></div></div></td></tr> <tr><td class="answerText"><div title="Random Stuff (if so suggestions greatly appreciated)">Random Stuff (if so suggestions greatly appreciated)</div></td>
<td style="margin-top:2px; padding-top:2px;"><div style="position:relative;z-index:0;"><div class="resultText" title="Random Stuff (if so suggestions greatly appreciated)"> 
1
(50%)</div>
<div class="resultBar" title="Random Stuff (if so suggestions greatly appreciated)" style="position:absolute;left:0px;top:0px;z-index:-1;width:50%"> </div></div></td></tr></table>
<br>

<div class="pollStats">Votes so far:  2 
<br>
Poll closed
<br></div></div></body>
<iframe id="commframe" style="display: none;"></iframe>
<script type="text/javascript">
      try {
        var host = "www.tenkaragrasshopper.com";
        var baseUri = 'http://' + host + '/robots.txt';
        document.getElementById('commframe').src = baseUri +
            '#' + document.getElementById('rootCont').offsetHeight;
      } catch(o) { }
    </script></html>

Within this you can find where it says “Votes so far:” <div class="pollStats">Votes so far: 2 <br>Poll closed<br></div>

The CSS class that relates to this is pollStats.

That can be found here: .pollStats { color:silver; display:block; margin:5px 0; }

You can now simply change the silver to any color you desire, such as orange or any #, rgb, or rgba color!

I hope this helps,

Zomby