WordPress.org

1. teachingtinytots
   Member
   Posted 2 years ago #

   I wanted to change the title of the post to a smaller font?
   Here is an example: http://photoblog.teaching-tiny-tots.com/archives/293

   Title is We ALL Enjoy Sunrise Earth

   Can anyone give me:

   1. The template to go to
   2. The current code
   3. The code to replace it

   TIA

2. kz
   Member
   Posted 2 years ago #

   1. style.css, line #161
   2. font-size:3.6em;
   3. font-size:2em; /* specify font size you want*/

3. teachingtinytots
   Member
   Posted 2 years ago #

   Hi,
   Appreciate the response. In my wp I do not have line #'s so I copied into Arach and line 161 was:

   .single .post h2.entry-title, .single .attachment h2.entry-title{background:transparent;font-size:1.0em;font-weight:100;letter-spacing:-0.05em;line-height:1.2em;margin:0.5em 0 0.25em;padding:0;}

   This affected only my home page titles. It did not affect the individual posts. I'd like to make the title on these pages smaller and the content as well.

   Could you tell me where to adjust the code for these two items? I have been trying to test various font numbers in different places without seeing any change.

   Thanks!!

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   style.css again. For the post heading, you need to change the font-size on:

   #header h1 {
   font-size:1.8em;
   line-height:0.8em;
   padding:5px 0 0;
   }

   For the post content text, it's:

   content {
   background:#fff;
   color:#888888;
   float:left;
   font-size:1.2em;
   margin:0;
   min-height:200px;
   padding:0 10px 0 0;
   position:relative;
   width:590px;
   z-index:10;
   }

5. teachingtinytots
   Member
   Posted 2 years ago #

   Hi,
   Thanks so much for your assistance. I am not sure what I am doing incorrectly. I changed the font size to 0.8 and it still remained the same size. I even tried changing the line height value and the padding to see if that would make a difference.

   #header h1
   {font-size:0.8em;
   line-height:0.8em;
   padding:5px 0 0;}

   Am I writing the font size incorrectly? I am assuming decreasing in value is smaller as I did when changing home page headings.

   Is the second code from the css as well? I can't seem to locate the coding.

   Again I appreciate the instructions and apologize for my lack of php background! I wrote my main site all in HTML.

   Thanks!

6. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Is the second code from the css as well?

   Yes - style.css

   Remember to press CTRL and F5 simultaneously when viewing an updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

7. teachingtinytots
   Member
   Posted 2 years ago #

   Thanks Esmi!
   The tip about CTRL F5 helped.

   I found that this coding:
   

   #header h1 {
   font-size:1.8em;
   line-height:0.8em;
   padding:5px 0 0;
   }

   changed only my header (title of blog)which was something I wanted to do too.

   I found that the Entry Title was this coding.

   .single .post h2.entry-title,
   .single .attachment h2.entry-title
   {background:transparent;font-size:2.6em;
   font-weight:100;
   letter-spacing:-0.05em;line-height:
   1.2em;margin:0.5em 0 0.25em;padding:0;}

   Really appreciate your assistance kz and esme!

Topic Closed

This topic has been closed to new replies.