Logo Proportional size

pinheiroad · Member · Apr 28, 2017 at 10:44 pm
Copy link

Add topic to favorites
When I try to put a logo image in my theme (tortuga) the image gets very large, disproportionate to the size of the text bar of the title. Even though I resize the image in an image editor it still remains large. I can not figure out the CSS code to solve this problem. Thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 29, 2017 at 4:54 am
Copy link
Hi there, I’m not seeing a logo on your site right now, and I don’t see an image in your media library that looks like a logo. In general, the logo on Tortuga comes in quite small. See the orange icon to the left of the site title on the Tortuga demo site.

Are you by chance adding the logo as a header image at Customize > Header Image rather than as a logo at Customize > Site Identity?
pinheiroad · Member · Apr 29, 2017 at 11:51 am
Copy link
Hi, thank you.

The logo is not there because the result is terrible and I can’t leave the site that way. The logo image has the name “logo” in the library and is the one that appears in the first widget. I put in the library the horrible results I get when Imanaged to change the size of the logo in an image editor. It doesn’t look like the format that the tortuga theme should present. So I believe there is some change I can make in CSS code.
Thank you for your help, Aline.
pinheiroad · Member · Apr 29, 2017 at 2:33 pm
Copy link
Hello,
I could solve the problem usind the css code:
img.custom-logo {width: 100px;}

thank you anyway.
pinheiroad · Member · Apr 29, 2017 at 6:17 pm
Copy link
Now I have another doubt:
how can I put the name site above de site description, exactily as in these site: http://reysic.com/

Thank you so much!
manuschwendener · Member · May 2, 2017 at 5:37 pm
Copy link
Hi

I think what you see on reysic.com is

Site Title = Jeremy Hicks

Tagline = Game AI Programmer

Both in the Customizer under ‘Site Identity’.

-> https://wordpress.com/customize/vemqueteconto.com.br
thesacredpath · Member · May 2, 2017 at 10:20 pm
Copy link
Hi @pinheiroad, let’s give this a try. This is a bit tricky on Tortuga, and this code limits the change to 960px and wider screens. at 959px and narrower, things center with logo on top, site title and tagline below the logo.
```
@media (min-width: 960px) {
.site-description {
  float: none;
  display: inline-block;
  clear: left;
  position: absolute;
  left: 120px;
  margin-top: 55px;
}
}

@media (max-width: 959px) {
  .site-description {
    text-indent: 0;
  }
}
```
pinheiroad · Member · May 3, 2017 at 7:00 pm
Copy link
Wow!
It works perfect!
Thank you so much!
thesacredpath · Member · May 5, 2017 at 6:12 am
Copy link
Hooray and you are welcome!

No items found.