Support » Themes and Templates » Different font for 1st and 2nd paragraphs

Viewing 5 replies - 1 through 5 (of 5 total)
  • The style of the ‘larger’ font items is dictated by your li style in the style sheet.

    The smaller font items are wrapped in tags and hence are dictated by the style relating to that tag.

    My guess would be that you have font sizes set for *both* your


    • tags. It probably looks something like so:

    ul {
    font size:0.9em;}

    li {

    What happens is that the initial ul area will be 90% of the *body* font size (or page default), and then the li area will be 90% of the UL size – making for smaller fonts as you go down a list.

    Remove one of the font sizes – from either the UL or LI – in your CSS and it should right itself.

    The difference in font sizes is not for the text right after the ul tag and the subsequent li tags. within the same li element, the font size is different for the first paragraph from the rest of the paragraphs. WordPress automatically generates the <br /> and <p> tags, so i am not able to know where the styling of <li> and that <p> is messing it up.

    Edit: looked at the generated HTML using “View Source” and found this interesting:
    <li> GWT allows the developers to interact with the browser’s history stack which means that the Ajax applications created using GWT can allow the users to use the <strong>‘Back’</strong> and <strong>‘Forward’</strong> buttons of the web browser and to bookmark the various pages of the website.
    <p>Refer to points 2 & 3 in my <a href="">earlier post</a>.

    look at how the <p> tag is used only for the second paragraph(starting at “Refer to points….”) and not used for the first(starting at “GWT allows the developers…”). I think i should look at the font size for <li> and <p> and make them equal.

    Alternatively, is there a way i can get to specify my own <br /> and <p> tags instead of WordPress generating them for me? I can see the full HTML source when I am using the WYSIWYG editor, but as I use the simple editor, there is no option to look at the full HTML source AFAIK.

    Thanks everyone, fixed it at last. Changed the following code in my theme’s style.css:

    p, li, .feedback {

    font: 90%/175% verdana, sans-serif;

    to this:
    p, li, .feedback {

    font: 100%/175% verdana, sans-serif;


    assuming that first <li> is reducing font size by 90% and the next tag is further reducing it by 90%(no idea what the other 175% is there for 🙂 ). But this also means that content in <li> would be same as the content outside of it.

    Any suggestions how I can access the raw HTML code when using the simple editor(not the WYSIWYG) so that I can have full control where exactly the tags would appear?

    Tabrez, you can alter the html in the php files to suit your own purposes, be careful and just alter obvious html mark ups that you know are called up in the WordPress loop.

    I’ve added a few <br /> and altered a few other little bits and pieces.

    You can untick the wysiwyg editor in options and stick to the basic editor, which enables you to add your own divs, and style them in the css.

    Hope that helps.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Different font for 1st and 2nd paragraphs’ is closed to new replies.