I want to move the sf logo (tooltip) 2-3 pixels up so I tried to add custom CSS such as margin-bottom or padding-bottom to the element but it doesn't move. Demonstration

Couldn't find anything relevant in the documentation, and I really prefer to use this element out-of-the-box and not to create one myself using SLDS.


2 Answers 2


IF you Just want to move the SF logo you can try this

    <div class="slds-text-body_small">The quick brown fox jumps over the lazy dog.
       <span style="position:relative; top:-2px;"> <lightning-helptext icon-name="utility:salesforce1" content="Click the icon"></lightning-helptext></span>

there could be multiple other ways to do this


Hey try this Playground

Basically, wrapping the element in a span and adding css to the span element

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.