WordPress.org

Support

Support » Themes and Templates » Move site title description down to sit on bar

Move site title description down to sit on bar

  • I am using the 2010 theme. I have added a phone number in the Site description area and want it to move down and sit close to the black bar. I tried changing padding to 0 and playing with line-height but to no avail. Sugestions?

Viewing 15 replies - 1 through 15 (of 15 total)
  • esmi

    @esmi

    Forum Moderator

    Do not edit the Twenty Ten theme. First create a child theme for your changes or install a custom CSS plugin.

    Being just a notch above a novice, I have never created a child theme or used a CSS plugin. Can you recommend next steps? Thanks

    esmi

    @esmi

    Forum Moderator

    Try installing a custom CSS plugin first. Do you know any CSS?

    Not really. I design websites using Adobe Dreamweaver so I will recognize some. I will install a Css plugin and see if I can make heads or tails. thanks.
    Seems like a simple thing to move a line of type down a few points:)

    esmi

    @esmi

    Forum Moderator

    Can I suggest that you try using Firefox with the Firebug add-on for this kind of CSS work? Or use whatever developer tool is available in your web browser.

    I loaded Firefox and Firebug. I went to the site in question.
    http://www.kellyjacksonsmith.com
    I see this code:
    #site-title {
    color: #E40A0A;
    float: right;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 18px;
    width: 400px;
    }
    #site-title a {
    color: #E40A0A;
    font-family: garamond;
    font-weight: bold;
    text-decoration: none;
    }
    #site-description {
    clear: right;
    float: right;
    font-size: 15px;
    font-style: italic;
    margin: 15px 0 18px;
    width: 220px;

    I do not know what to do from here.

    Thanks

    esmi

    @esmi

    Forum Moderator

    Do you now how to use CSS? if not, I’d recommend reviewing:
    CSS Tutorials
    Learning CSS

    Thanks I will view.
    Is there a line of code that adjusts the Site Description down?

    I think I have been editing the CSS based on the tutorial I have been using. I have already changed the Font type, size and color. Is that CSS or just HTML?

    esmi

    @esmi

    Forum Moderator

    That’s CSS.

    OK. Then I am confused about how to move that line of type down.
    Do you mind looking at the site:
    http://www.kellyjacksonsmith.com

    and tell me where to find the code that moves the Phone number (top right) down to the black bar.

    Thank you

    esmi

    @esmi

    Forum Moderator

    I’m sorry but it is really beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as http://www.css-discuss.org/ instead.

    paulwpxp

    @paulwp

    Font hero

    Site Title and Site Description is very important for accessibility and SEO. You have to put them in as such, and you could hide it visually, but leave the code for SE to index using abolute position technique.

    For the contact name/address in contact page, consider using hcard
    http://html5doctor.com/microformats/#hcard-org

    The tel on the top right to appear on every page could be in that same format too, and visually hide the name, show only telephone. This block of html code should be put in using child theme.

    I found the code and figured out how to change it.
    }

    /* This is the custom header image */
    #branding img {
    border-top: 0px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    float: left;
    }

    I set the border to ‘0’ bascially getting rid of it. Then added the bar and phone# to my header. Next I will take your suggestion and put the site title back in and then hide it.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Move site title description down to sit on bar’ is closed to new replies.
Skip to toolbar