WordPress.org

Ready to get started?Download WordPress

Forums

Move site title description down to sit on bar (16 posts)

  1. robmcdon
    Member
    Posted 1 year ago #

    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?

  2. esmi
    Forum Moderator
    Posted 1 year ago #

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

  3. robmcdon
    Member
    Posted 1 year ago #

    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

  4. esmi
    Forum Moderator
    Posted 1 year ago #

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

  5. robmcdon
    Member
    Posted 1 year ago #

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

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  7. robmcdon
    Member
    Posted 1 year ago #

    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

  8. robmcdon
    Member
    Posted 1 year ago #

  9. esmi
    Forum Moderator
    Posted 1 year ago #

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

  10. robmcdon
    Member
    Posted 1 year ago #

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

  11. robmcdon
    Member
    Posted 1 year ago #

    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?

  12. esmi
    Forum Moderator
    Posted 1 year ago #

    That's CSS.

  13. robmcdon
    Member
    Posted 1 year ago #

    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

  14. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  15. paulwpxp
    Font hero
    Posted 1 year ago #

    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.

  16. robmcdon
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic