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