Logo size and site title

  • Resolved stephaniecain

    (@stephaniecain)


    11 years, 5 months ago

    I’m working on a new website for the small museum where I work. I can’t quite make the site title look the way I want it to (I’d like to have the text colored #eedcc3 but I can’t figure out how to do that without recoloring ALL of the site links). So as an alternate, I thought I might just create a graphic that includes our logo and name. But I can’t find the ideal size for the logo. I’d prefer to make it the same size vertically as the menu+tagline.

    Does that make sense?

    I’m testing the site at a subdomain on my personal website.

    Thanks!

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

  • This changes just the site title:

    .site-title {
  color: #EEDCC3;
}

    A logo graphic can be forced to fit 250×100, or will autofit if you don’t tick the box to force it. So you should aim for 2.5w:1h scale.

    Thread Starter stephaniecain

    (@stephaniecain)

    Thanks rdell! I thought the .site-title would do it, but when I tried it, the color still displayed as blue. It wasn’t until I changed the link color that it changed. I thought maybe the link color was overriding the site title color. ??

    Thanks for the graphic size! I’ll give that a try.

    a.site-title or .tc-header .brand a will do it:

    a.site-title {
  color: #EEDCC3;
}

    Thread Starter stephaniecain

    (@stephaniecain)

    Bless you, acub! That did the trick! ??

    While you’re at it, you might also want to replace the white text-shadow, looking out of place especially on hover. Completely optional, of course. Besides a.site-title I have added a few more selectors to the rule for the other header elements that have the white text-shadow problem. I hope I haven’t missed anything:

    a.site-title,
.navbar .nav > li > a,
.navbar-wrapper .navbar h2,
h2.site-description {
text-shadow: 1px 2px 3px rgba(0,0,0,.35);
}

    P.S.: put it as a new CSS rule, don’t mix it with the previous one.

    Thread Starter stephaniecain

    (@stephaniecain)

    Thanks so much! Yes, I was noticing that the hover looked weird. The members of this forum are incredibly helpful. ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Logo size and site title’ is closed to new replies.