Site Title Additional CSS

  • deltahotel

    (@deltahotel)


    1 year, 10 months ago

    I don’t have a live site yet, so no link available. What can I add to the following Additional CSS in order to keep the title from word wrapping all three words with the title of “Hornsby Design Studio”. This is what it looks like but without all the space; it’s actually crowded with the letters overlapping.

    HORNSBY

    DESIGN

    STUDIO

    #id .site-title, .site-title a {

    text-align: center;
font-family: "Georgia";
font-size: 36px;
font-weight: bold;
font-variant: small-caps;
color: blueviolet;

    }

    • This topic was modified 1 year, 10 months ago by deltahotel.
Viewing 4 replies - 1 through 4 (of 4 total)
  • codersantosh

    (@codersantosh)

    1 year, 10 months ago

    Hello @deltahotel ,

    Without the site link, it’s challenging to provide specific CSS suggestions, but it appears that you might be missing the line-height properties in your CSS.

    Best Regards!

    Thread Starter deltahotel

    (@deltahotel)

    1 year, 10 months ago

    The line-height does separate the words so that they’re not smashed together, but I’d like to get the words so that they don’t wrap. It’s as if the words are in a table, each on their own row.

    codersantosh

    (@codersantosh)

    1 year, 10 months ago

    @deltahotel, could you please send a screenshot or a link?

    Thread Starter deltahotel

    (@deltahotel)

    1 year, 10 months ago

    I entered the following CSS and resolved my issue.

    .sticky-site-identity {
    max-width: 100%;
    }

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Site Title Additional CSS’ is closed to new replies.