• ezflyr

    (@ezflyr)


    Hi All,

    I’m brand new to WordPress and working to convert a FrontPage website that I’ve been maintaining for past several years. Anyway, I’ve got a preliminary site up (unfortunately, its’ not ‘visible’ externally without modifying your ‘hosts’ file) using a WPZoom theme called Erudito. This theme allows me to place a horizontal menu bar at the top of the page with a logo above and to the left page edge. I want to place some specific text above the menu bar to the right of the logo and have been playing around with some CSS code to do that. Here is what I’ve got:

    h2 {
        position: absolute;
        color: #336699;
        font-size: 28px;
        left: 375px;
        top: 60px;
    }
    
    h3 {
        position: absolute;
        color: #336699;
        font-size: 14px;
        left: 335px;
        top: 110px;
    }
    
    h4 {
        position: absolute;
        color: #336699;
        font-size: 14px;
        left: 460px;
        top: 130px;
    }
    
    h5 {
        position: absolute;
        color: #336699;
        font-size: 14px;
        left: 400px;
        top: 150px;
    }
    
    }
    </style>
    </head>
    <body>
    
    <h2>The 495th R/C Squadron, Inc.</h2>
    <h3>An AMA Gold Leader Club flying at the Captain John A. Ogonowski</h2>
    <h4>Memorial Model Flying Field</h3>
    <h5>Established 1972 - 44 Years of Model Aviation!!</h4>

    I realize this isn’t totally correct because it seems ‘h1, h2, and h3’ refer to different header types?, and this code causes text further down the page to be screwed up.

    So, my question is, how do I define specific text strings, and then reference them to control font type, font size, and position, etc.

    Thanks,

    John

The topic ‘Formatting and positioning specific text…..’ is closed to new replies.