• 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)
  • Do not edit the Twenty Ten theme. First create a child theme for your changes or install a custom CSS plugin.

    Thread Starter robmcdon

    (@robmcdon)

    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

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

    Thread Starter robmcdon

    (@robmcdon)

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

    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.

    Thread Starter robmcdon

    (@robmcdon)

    I loaded Firefox and Firebug. I went to the site in question.
    https://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

    Thread Starter robmcdon

    (@robmcdon)

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

    Thread Starter robmcdon

    (@robmcdon)

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

    Thread Starter robmcdon

    (@robmcdon)

    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?

    That’s CSS.

    Thread Starter robmcdon

    (@robmcdon)

    OK. Then I am confused about how to move that line of type down.
    Do you mind looking at the site:
    https://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

    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 https://www.css-discuss.org/ instead.

    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
    https://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.

    Thread Starter robmcdon

    (@robmcdon)

    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.