Your description and title tags seems as you have placed them as below:
<title>Dark Retreats, Lago Atitlan, Guatemala</title>
<meta name="description" content="Darkness Retreats in Guatemala (San Marcos, Lago Atitlan)" />
i meant to css items site title and the site description, appearing as “DarkRetreats” and “San Marcos…” on my banner. The description goes over two lines which is what i want to reduce to one. I’d also like to be able to place a space between Dark and Retreat without it breaking into two lines which is what would happen now and why there is no space in between the two words.
cheers!
Change this:
<a rel="home" title="DarkRetreats" href="http://dark-retreats.com/">DarkRetreats</a>
to
<a rel="home" title="Dark Retreats" href="http://dark-retreats.com/">Dark Retreats</a>
And change this CSS
#site-title a {
color: #111111;
font-family: 'IM Fell Great Primer SC',serif;
font-size: 60px;
left: 45.2%;
line-height: 36px;
position: absolute;
text-decoration: none;
top: 1em;
}
to
#site-title a {
color: #111111;
font-family: 'IM Fell Great Primer SC',serif;
font-size: 40px;
left: 45.2%;
line-height: 36px;
position: absolute;
text-decoration: none;
top: 1em;
}
And see if it solve the problems.
your changes led to this screenshot:
http://dark-retreats.com/wp-content/uploads/2012/08/screenshot1.jpg
(i have changed it back for now)
the smaller text size does not solve the problem, there is no lack of space for both words even in 60px size. conversely, if i make the text small enough, it does go into one line with the space between the words. some hidden property seems to make it break the line unneccessarily and i just can’t find it.
i’m actually ok having the site title the way it is. if you could advise me on the site description, i’d love to get that into one line. at 12px size this is achieved, but i’d rather have the 16px size.
thanks so much for your efforts and quick replies,
arjuna
p.s. kinda funny how arjuna once again asks krishna’s counsel… 😉