WordPress.org

1. energymv
   Member
   Posted 1 year ago #

   here is code from header.php. what should i change to change the title and description font? blog is at http://www.energyanalysis.org

   <div class="headerleft">
   <h1>/"><?php bloginfo('name'); ?></h1>
   <?php bloginfo('description'); ?>
   </div>

2. energymv
   Member
   Posted 1 year ago #

   and here is the code from my style.css -- do i need to change something here instead?

   #header {
   width: 960px;
   height: 110px;
   color: #FFFFFF;
   font-size: 16px;
   font-weight: normal;
   margin: 0px auto 0px;
   padding: 0px;
   overflow: hidden;
   }

   #header p {
   padding: 0px 0px 5px 0px;
   margin: 0px;
   line-height: 20px;
   }

   #header h1 {
   color: #FFFFFF;
   font-size: 36px;
   font-family: Times New Roman, Georgia, Trebuchet MS;
   font-weight: normal;
   margin: 0px;
   padding: 20px 0px 0px 0px;
   text-decoration: none;
   }

   #header h1 a, #header h1 a:visited {
   color: #FFFFFF;
   font-size: 36px;
   font-family: Times New Roman, Georgia, Trebuchet MS;
   font-weight: normal;
   margin: 0px;
   padding: 20px 0px 0px 0px;
   text-decoration: none;
   }

   #header h1 a:hover {
   color: #FFFFFF;
   text-decoration: none;
   }

   .headerleft {
   width: 350px;
   float: left;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
   }

   .headerleft a img {
   border: none;
   margin: 0px;
   padding: 0px;
   }

3. korythewebguy
   Member
   Posted 1 year ago #

   To modify the <h1> element inside of your <div class="headerleft">, you can add the following code at the bottom of your current style.css file...

   .headerleft h1{
   font-weight: bold;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   color: #ff0000;
   }

   ... then modify the code as desired:

   • 'font-weight: normal;' will remove the bolding
   • 'font-size:' can be changed to any any desired number - the bigger the number, the larger the font
   • 'font-family:' can be a list of any web safe fonts in order of preference
   • 'color:' can be set to whatever hex color value you like as well.

   Post back if you need more help - Best of luck! :-)

Topic Closed

This topic has been closed to new replies.