how to change the color of a text inside li and make it override? : hey i have a newbe question i have this code i am using framework7

     <div class="list-block">
            <ul>
              <?php 	for($i =0; $i < 5; $i++){?>
    
             <li>
     <a href="<?php echo $_SESSION['$tablelink2'][$i]; ?>" target="_blank" title="<?php echo $_SESSION['$tabletitle2'][$i]; ?>" class="external item-content" >
                          <div id="div1" class="item-media" style="display:block"  ><img src=<?php if($_SESSION['checkme'] == 'checked') {echo $_SESSION['$tableimg2'][$i];}else {echo '"about:blank"';} ?> onerror="this.style.display='none'" width="44" height ="44" ></div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title" ><?php echo $_SESSION['$tabletitle2'][$i]; ?></div>
                            </div>
                            <div class="item-subtitle"></div>
                          </div></a></li>
    					  	  								
    														<?php }?>
             </ul>
          </div>

the color of the item-title is blue i want to make it red,bold and override any previous rule ? i cant get it done the css code included in the framework is too complicated for me  thank you 