Need help formatting picture so it is visible in the header of the Application.

  • 0
  • 1
  • Question
  • Updated 4 years ago
  • Answered

I want to use my company logo from our website in the custom header on the App however when I go through the process and save, the logo is barely visible. I have tried playing around with the size of the picture and the type a file but nothing seems to change it. Is there  a specific way I need to format logo file to make it the right size for the Header?

Photo of Chris_MCD

Chris_MCD

  • 0 Points

Posted 4 years ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 29,904 Points 20k badge 2x thumb
QuickBase's design forces the max height of the image to be 32px:

#brandBarHeader img.CustomBrandImage {
  max-height: 32px;
}

The only real way to modify this hardcoded design feature is to use a user script addon such as TamperMonkey with a line of code similar to the following (which doubles the allowed size):

$("#brandBarHeader img.CustomBrandImage").css({maxHeight: "64px"});

See attached screenshot which manually applies the above line of code.