Changing Link Colors and Text

Viewing 1 replies (of 1 total)

  • see what’s marked below. Note that changing any of these is going to change the color of all text and links in the whole theme. If you don’t want that you have to define classes for the sections you want a different color, wrap that section in a DIV and assign the class to the div.

    see below for example

    styles.css line 98

    #content {
GREY TEXT COLOR --> color:#585858;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:24px;
text-align:left;
}

    line 14

    a, a:link, a:active, a:visited, #content h2 a:hover {
BLACK LINK COLOR -->color:#000000;
text-decoration:none;
}

    line 15

    a:hover {
BLUE LINK HOVER COLOR -->color:#00B2F0;
}

    to style one section differently, as example blue,
    add to stylesheet
    #content .hilight p { color: blue; }

    <div id = "content">
    <!-- this text is grey --->
  <p> ......... </p>
  <p> ......... </p>
  <p> ......... </p>
  <p> ......... </p>

  <div class="hilight">
      <!-- this text is blue --->
    <p> ......... </p>
    <p> ......... </p>
    <p> ......... </p>
  </div>

    <!-- this text is grey --->
  <p> ......... </p>
  <p> ......... </p>

</div><!--id="content"-->
Viewing 1 replies (of 1 total)
  • The topic ‘Changing Link Colors and Text’ is closed to new replies.