Linked Questions

9 votes
2 answers
13k views

In LWC, how can I make a lightning-button use the full width available to it? [duplicate]

I have built a form using lightning-record-edit-form & have added a button to it using lightning-button. I want the button to have 100% width, so I added a class to lightning-button that sets ...
user avatar
4 votes
1 answer
6k views

Display Radio Group horizontal in LWC [duplicate]

I'm trying to display Radio Group horizontally in lwc, but it seems to be not applying my custom css. HTML: <template> <lightning-radio-group name="radioGroup" ...
user avatar
  • 321
3 votes
2 answers
5k views

LWC css is only partially applied [duplicate]

Within this component our css is only applied to the div within the card but not to any div in the <header> (title). Is there a feasible reason or is it just a bug? (In our real problem we are ...
user avatar
  • 203
2 votes
1 answer
5k views

Variant label-hidden with Lightning Input Field and LWC not hiding HelpText Icon? [duplicate]

I've seen various posts about how you cab hide stray elements like this with aura components, and I think the answer with LWC is always 'shadow-dom' as described here but is there really no way to ...
user avatar
2 votes
1 answer
2k views

Adding custom css to only one lightning input in LWC [duplicate]

Not a duplicate question, Question is 'how to apply custom css to only one lightning input without affecting css of any other lightning input elements. I am trying to apply custom css to lightning ...
user avatar
  • 1,367
0 votes
0 answers
2k views

Styling - Bold for Label in <Lightning-Input label="Contact First Name:" > LWC [duplicate]

How do I style my input label. Is there any way to apply the "Bold" to the label in instead of using a separate tag ?
user avatar
1 vote
0 answers
2k views

Manipulate DOM of LWC using jQuery [duplicate]

I know I cannot do: var elements = this.template.querySelectorAll('[id^="fieldName"]')[0]; elements[0].getElementsByTagName('lightning-formatted-text')[0].setAttribute("style:", "myCSSAttribute:...
user avatar
0 votes
0 answers
757 views

change background color of lightning tab LWC [duplicate]

LWC don't allow to change color with css and there document guide don't say anything about this ? https://developer.salesforce.com/docs/component-library/bundle/lightning-tab/documentation Can ...
user avatar
0 votes
0 answers
386 views

LWC - Replace Lightning-input of type file with a icon [duplicate]

<div> <lightning-button-icon icon-name="utility:attach" type="file"></lightning-button-icon> <lightning-input onchange={insertFiles} type="file"></lightning-input> &...
user avatar
  • 1,496
2 votes
1 answer
295 views

Changing sorting icon by overriding CSS in LWC Datatable [duplicate]

I am trying to change the 'arrowup' icon replacing with 'up' icon. Is there any way to do the same? I have been able to override CSS of this datatable component in various places, but changing the ...
user avatar
  • 1,232
0 votes
0 answers
286 views

Custom CSS Lightning Web Components - Remove Outline from Input Field [duplicate]

If, for instance, an input field is rendered with lightning-input, and I want to add custom styling e.g. a border color to or remove the outline from the input field. How can I do that? I have tried ...
user avatar
0 votes
0 answers
72 views

How to overwrite the SLDC css class class in LWC? [duplicate]

Is it possible to overwrite the SLDC css classes? I tried changing below : .slds-input:focus, .slds-input:active{ border-color: rgb(255, 0, 0) !important; box-shadow: none; } I wanted to ...
user avatar
  • 464
0 votes
0 answers
67 views

Change the color of Lightning-Output-Field [duplicate]

<lightning-output-field variant="label-hidden" field-name="Company__c"> </lightning-output-field> it showing black i want to change the color of my output how ...
user avatar
  • 123
0 votes
0 answers
36 views

Cannot apply color attribute to a lightning-output-field using CSS in LWC [duplicate]

I am trying to change the color of the <lightning-output-field> in LWC using CSS but it doesn't work. I am able to change the background color though. Is there any workaround for this? I don't ...
user avatar
0 votes
1 answer
1k views

Salesforce lightning web component use custom theme or color for all lwc component

I'm struggling on how to set and use a custom global theme for Salesforce lightning web component. I know how to use the css and set or overite classes, but I don't want to do that on all my ...
user avatar
  • 11