WordPress.org

Ready to get started?Download WordPress

Forums

Increase width of the tagline (9 posts)

  1. Esperanza Village
    Member
    Posted 3 years ago #

    Hi there,

    I'm a new user to WordPress, and I don't really know much about coding in general. I'd like to increase the width of the tagline so it shows across the page, over the header image.

    Actually, is there any way I can move the tagline to just below the header image?

    My url is: http://www.esperanzavillage.ca

    Thanks!

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    edit the style of #site-description, and change the width from 220px to 100%; or try and add #site-description { width: 100%; } to the end of your style sheet (or however this is done in 2010weaver).

    to move the tag line to below the header image, you would need to edit header.php (again, this depends on the way your theme handles this)

  3. Esperanza Village
    Member
    Posted 3 years ago #

    The #site-description { width: 100%; } bit of code worked nicely. Thanks!

    Could you give me a bit more direction on how to move the tag line below the image header?

    Thanks again!

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    2010weaver could be quite a bit different from the default theme,
    so you could paste the code of header.php of your theme into a http://wordpress.pastebin.com/ and post the link to it here.

  5. Esperanza Village
    Member
    Posted 3 years ago #

    Alrighty...try taking a look at the code for the header section of my site: http://wordpress.pastebin.com/j40JNxFf

    If that link doesn't work, I entitled it "Increase width of the tagline (Paste bin)"

    Thanks again!

  6. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    you could try and move this code (from line 57):

    <div id="site-description"><?php bloginfo( 'description' ); ?></div>

    to just before this (line 62):

    <div id="access" role="navigation">

  7. Esperanza Village
    Member
    Posted 3 years ago #

    I tried it, but all it did was stop showing the site description all together...any other ideas?

    Thanks again!

  8. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    you might have moved the wrong piece of code, because i find this in header.php, a few lines before <div id="access" role="navigation"> - and this stuff really should not be there at all:

    <!-- Fix these meta tags to describe your site. Add CSS to the style block for even more customization. -->
    <meta name="description" content="Welcome to Esperanza Village!  We are an online crafts store, specializing in quality handmade merchandise, much of it using ancient techniques from bygone eras.  However, while we will be using this website to operate our home-based business, my wife and I will also be using it to document our journey as we build our life together.  It is our dream that the humble beginnings of this website-based home business will pave the way for ourselves and others to live a lifestyle closer to the way it was meant to be…good food, good friends, quality work, and healthy families; living sustainably off the land we all originally came from…and enjoying it!  Please poke around…and be aware that the site will be expanding as we add new products and content on a regular basis.  Please check back soon, and see what we’ve added!" />
    <meta name="keywords" content="Esperanza Village blog, Esperanza Village" />
    <style type="text/css">
    </style>

    you should remove it there.

    if you re-read my suggestion, it was about this line (starting with <div ):
    <div id="site-description"><?php bloginfo( 'description' ); ?></div>

    which i would move to here (shown in the new position):

    <div id="site-description"><?php bloginfo( 'description' ); ?></div>
    <div id="access" role="navigation">
    					<?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
  9. Esperanza Village
    Member
    Posted 3 years ago #

    Hi again,

    I carefully followed your instructions, and the tag line simply disappeared from visible view when I looked at the website. I'm wondering if there's some other code that is interfering with that particular placement if that piece of code? I'm obviously not some one who can offer an informed opinion, though, lol!

    Thanks again, regardless!

Topic Closed

This topic has been closed to new replies.

About this Topic