treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Quote Box in Website Heading

  • I launched my Wordpress website a week or so ago, and I'm just about finished, but cannot figure out how to add text inside my box located in my header under the Title and tagline, (dawnthescreenwriter.com)

    I would really appreciate a "For Dummies" style response on how I can implement text inside the off-white box located in my header.

    Thanks,

    Dawn

  • I'd take your current div with the id=header-left (in your header.php) and change it to:

    
    <div id="header-left">
    <h1 id="title"><a href="http://dawnthescreenwriter.com/" title="Dawn L Rogers">Dawn L Rogers</a></h1>
    <p id="tagline">Writing Vicariously</p>
    <p style="font-family: 'Special Elite',serif; font-size:26px; color:#666; margin:100px 0 0 45px;">Custom Text Here</p>
    </div>"
    
    

    Of course, once you have it placed the way you want with the right font size I'd copy the inline styles and paste it in your css files, then delete the inline styles. You'll need to adjust your margins and font-size depending on what text you want.

    Hope this helps

  • @ScriptTease, you'll need to edit the header.php file. You should be using a child theme to edit any styles/templates, but when you open header.php, you'll insert a new div to fit in there..if you won't ever change the text, you could just type in the text directly into header.php, but if you plan on changing it, you'd be better off creating a new sidebar and widgetize the sidebar.

  • Thanks Thommy and Chris... I plan on having the box a "quote of the week"... I will attempt these instructions, and hopefully I can figure it out without screwing it up. :)

  • @Thommy... I played around with code you gave me and some other coding. I'm using the Catalyst theme, and was unable to figure out the CSS and header.php end of it. Everything is in short code. I was attempting to display the coding I used, but cant figure out how to display the coding as you did. :) Thanks, Dawn