Support » Fixing WordPress » site title and desription get wrapped unneccessarily

  • ever since i moved my site title and description onto the top banner they get wrapped for no reason. i put the two words of the title together without space to avoid it for the title, but the description is still wrapped:
    http://dark-retreats.com

    it already happened before implementing google fonts, but after ‘hacking’ their position.

    thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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)" />

    Thread Starter arjunathilo

    (@arjunathilo)

    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.

    Thread Starter arjunathilo

    (@arjunathilo)

    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… 😉

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘site title and desription get wrapped unneccessarily’ is closed to new replies.