Need help? Check out our Support site, then


Logo Proportional size

  1. 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 vemqueteconto.com.br.

  2. 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?

  3. 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.

  4. Hello,
    I could solve the problem usind the css code:
    img.custom-logo {width: 100px;}

    thank you anyway.

  5. 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!

  6. 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

  7. 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;
      }
    }
  8. Wow!
    It works perfect!
    Thank you so much!

  9. Hooray and you are welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags