Grow your CSS skills. Land your dream job.

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

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

    # January 27, 2013 at 11:43 pm

    @ScriptTease, you’ll need to edit the [header.php](http://codex.wordpress.org/Designing_Headers “”) file. You should be using a [child theme](http://codex.wordpress.org/Child_Themes “”) 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](http://codex.wordpress.org/Function_Reference/register_sidebar “”) and [widgetize the sidebar](http://codex.wordpress.org/WordPress_Widgets “”).

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

*May or may not contain any actual "CSS" or "Tricks".