I have a Napali template. I have removed the gray header and changed the navigation menu color using CSS. However, I cannot figure out how to change the size of the logo. It is tiny on my page and I need to make it bigger. Is there a specific CSS command to edit size of the logo?


  • You might be asking for trouble if you do, but the logo image is set as the background-image to .siteforceNapiliBody .cBrandingLogo which has max-width and height set. You could experiment but it might be unpredictable. Mar 3 '17 at 18:39
  • Did you find a solution? Oct 9 '17 at 13:54

I see that in Napili template, if you upload a company logo, it will be rendered in a a tag with class set as cBrandingLogo under <div class="cBrandingProfile"> , so

.cBrandingProfile a.cBrandingLogo{ width: 100px; height: 100px; }
There is a concept of specificity in CSS, so if we omit the a tag, salesforce styles would succeed, hence use .cBrandingProfile a.cBrandingLogo

  • if you want to override the salesforce styles, you have to use the !important tag, then the style overrides will work Mar 23 '21 at 17:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.