Logo size and site title

Resolved stephaniecain
(@stephaniecain)

10 years, 7 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)

rdellconsulting
(@rdellconsulting)

10 years, 7 months ago
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)

10 years, 7 months ago

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.
acub
(@acub)

10 years, 7 months ago
a.site-title or .tc-header .brand a will do it:
```
a.site-title {
  color: #EEDCC3;
}
```
Thread Starter stephaniecain
(@stephaniecain)

10 years, 7 months ago

Bless you, acub! That did the trick! 🙂
acub
(@acub)

10 years, 7 months ago
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.
acub
(@acub)

10 years, 7 months ago

Thread Starter stephaniecain
(@stephaniecain)

10 years, 7 months ago

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.

Tags