Font size tag h1,h2,h3

6 posts from 3 voices

• Started 1 year ago by centersucesso
• Latest reply from Chris Beard
• This topic is not a support question

Tags:

• font
• size

1. 

   centersucesso
   Member

   Hello, I'm having trouble with the tags h1, h2, h3.

   When I create a post and put the tags the letters are disrupted because of the size.

   I want to make h1, h2 and h3 with the same text size.

   I made the change in stylle.css this code:

   h1, h2, h3, h4, h5, h6, legend, .sliderheading {
   font-family:"Trebuchet MS",Arial,Helvetica,san-serif;
   font-weight:normal;
   letter-spacing:0.4px;
   line-height:1.4em;
   padding-bottom:5px;
   position:relative;
   }
   h1{clear:both; font-size:24px;}
   h2{font-size:22px; clear:both;}
   h3, legend{font-size:16px; clear:both;}
   h4{font-size:12px; clear:both;}
   h5{font-size:11px; clear:both;}
   h6{font-size:10px; clear:both;}

   .doubleentry h1{clear:both; font-size:17px;}
   .doubleentry h2{font-size:15px; clear:both;}
   .doubleentry h3{font-size:14px; clear:both;}
   .doubleentry h4{font-size:13px; clear:both;}
   .doubleentry h5{font-size:12px; clear:both;}
   .doubleentry h6{font-size:11px; clear:both;}

   But the problem was not resolved.

   What am I doing wrong?

   Thank you and I'm waiting for help.

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   can you post a link to a page where this problem occurs?

   Posted 1 year ago #
3. 

   centersucesso
   Member

   Hello, I would like to make a change in all posts, this happens whenever I put h1, h2, h3 in the posts through the text editor

   here's what I would like to change and leave with the same font size:

   http://centersucesso.com/images/post.jpg

   here the link I created a post and see how the letters are all different when you put headline 1, headline 2 and 3

   http://www.blog.centersucesso.com/habilidade-importante-para-todos-os-comerciantes-de-marketing-de-rede/

   thanks

   Posted 1 year ago #
4. 

   Dude
   Dude

   Ok, the standard hX values apply to this headlines so you need to change following code lines in style.css:
   

   h1{clear:both; font-size:24px;}
   h2{font-size:22px; clear:both;}
   h3, legend{font-size:16px; clear:both;}
   h4{font-size:12px; clear:both;}
   h5{font-size:11px; clear:both;}
   h6{font-size:10px; clear:both;}
   
   .doubleentry h1{clear:both; font-size:17px;}
   .doubleentry h2{font-size:15px; clear:both;}
   .doubleentry h3{font-size:14px; clear:both;}
   .doubleentry h4{font-size:13px; clear:both;}
   .doubleentry h5{font-size:12px; clear:both;}
   .doubleentry h6{font-size:11px; clear:both;}

   Make sure that the stylesheet is saved properly (that the values changed) and that your browser uses the latest stylesheet version (clear the browser cache). You can check if the values changed properly by viewing the stylesheet here: http://www.blog.centersucesso.com/wp-content/themes/newscast/style.css

   Posted 1 year ago #
5. 

   centersucesso
   Member

   Thanks, it worked this time, but has a small problem, when I reduce the font size, the title of the article also decreases along h1 when I put in the article, there is a way to separate it,

   leave when I put the title of the same size even though I Modifies h1 to a smaller font, is it possible?

   Posted 1 year ago #
6. 

   Chris Beard
   

   Hey,
   you can copy those heading elements and put ".entry-text" in front of them.

   For example:
   

   .entry-text h1{clear:both; font-size:24px;}
   .entry-text h2{font-size:22px; clear:both;}
   .entry-text h3, legend{font-size:16px; clear:both;}
   .entry-text h4{font-size:12px; clear:both;}
   .entry-text h5{font-size:11px; clear:both;}
   .entry-text h6{font-size:10px; clear:both;}

   You can paste this at the bottom of your style.css or in your custom.css

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.