The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Quote Box in Website Heading

  • # January 27, 2013 at 10:07 pm

    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, (

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



    # January 27, 2013 at 11:16 pm

    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="" 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>

    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

    # January 27, 2013 at 11:43 pm

    This reply has been reported for inappropriate content.

    @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.

    # January 28, 2013 at 8:48 pm

    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. :)

    # January 29, 2013 at 12:28 am

    @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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed