Skip to main content

Questions tagged [css]

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation semantics (the look and formatting) of a document written in a markup language.

Filter by
Sorted by
Tagged with
0 votes
0 answers
16 views

Add custom class to child aura component

I have to modify an aura component. I've never worked with aura components so I'm lost here. Basically we have a parent aura component, which iterates child components: <tbody > <aura:...
joacoiudica's user avatar
0 votes
0 answers
11 views

CSS code to remove Hover for lookup fields only in Experience Cloud

for one of our customers we have a requirement to remove the hover functionality on the Experience Cloud lookup fields. We do use chatter so disabling these is not possible. I've tried to add the ...
Mille's user avatar
  • 1
0 votes
0 answers
27 views

Display error message and character count in same line below in lwc

I have a requirement to display a character count underneath an input field, which is a required field. However, I'm encountering an issue: when the user does not input anything and the error message ...
Shira's user avatar
  • 49
0 votes
1 answer
20 views

How do I uniquely format one of a few Lightning-card compenents?

I have multiple lightning-card components on the same page. I can use the following css to format all of the cards but I only want to format one of the cards. Is there a way to format just one of the ...
Frank's user avatar
  • 435
0 votes
1 answer
19 views

Hide Dashboard action buttons in Experience Cloud

Is there any way that we can hide Dashboard action buttons in Experience Cloud? I tried using override CSS feature by getting the class name through elements but it doesn't seem to work. Is there any ...
Ruturaj Patil's user avatar
0 votes
1 answer
74 views

How to place a custom footer below the screen in Screen Flow?

In my Screen Flow, I need buttons that are not available in the Flow Builder, so I developed a custom lwc component - a footer with the buttons that I need. I placed this custom footer under a data ...
MirniyPirojok's user avatar
0 votes
0 answers
39 views

LWC Lightning-Button change background color disabled button

Hi all, I would like to style the 'disabled' lightning-button the same as the 'black' button, however when using the following code this is not showing correctly inside my LWC. Is there a different ...
Yannis De Cuyper's user avatar
0 votes
0 answers
27 views

Why is there a thick blue border appearing over elements when its in focus?

Can someone please help to me understand why html elements are showing a thick blue color instead of a light blue color when active/infocus. This is what I'm talking about: Before, everything used to ...
Mike's user avatar
  • 31
2 votes
1 answer
47 views

Radio group lwc partial bold text in the options

I am using a multiselect picklist and displaying my options dynamically in an LWC using lighting-radio-group. E.g. <template> <lightning-radio-group name="radioGroup" label=&...
justkeepswimming's user avatar
1 vote
1 answer
124 views

How can I conditionally control a modal height?

I have a custom component that allows the parent component to use a modal dialog. The component has a slot that the caller can use to customize the content in the body. We've found a use case where we ...
Chuck's user avatar
  • 967
0 votes
0 answers
35 views

Extra Page When Printing Web Pages in Lightning Experience

When printing web pages in Lightning Experience, there is always an extra page. This is true for any Record pages, App Pages from Lightning Component or Lightning Page Tabs. Adding css in Lightning ...
Sid Fortunato's user avatar
0 votes
1 answer
42 views

How to make custom accordian loooks like a standard one

I am making a custom accordian and want to apply the same CSS as the Salesoforce standard page . Is is possible in LWC Cmp with the help of custom CSS. kindly help me. Custom -- Expected to make look ...
Shekher's user avatar
  • 23
1 vote
0 answers
35 views

How does persistent browser caching work internally?

What does this option do internally? Enable secure and persistent browser caching to improve performance in caching And when does it reload new HTML / CSS into a user's mobile device? When updating ...
Z0q's user avatar
  • 69
1 vote
1 answer
36 views

How to use Desktop-Only CSS?

Is there a way to create desktop-only CSS? Or a way to work around this? I have been looking at some media queries like these, but without luck so far: @media (any-pointer: fine) @media screen and ( -...
Z0q's user avatar
  • 69
1 vote
0 answers
57 views

How to change the fontsize of datepicker?

When I change the font size of the datepicker in CSS, the font icon mis-aligns. I've been reading about SLDS and how it uses CSS tokens to do styling, but I couldn't figure out how to change this. Any ...
Z0q's user avatar
  • 69
0 votes
1 answer
144 views

Remove blue border from lightning-combobox

I have created an LWC that will be embedded via Lightning Out in a website. I need to apply the styling of the website to the LWC and I am almost done. One thing to do is to change the border of the ...
Andreas Epping's user avatar
0 votes
0 answers
21 views

In a Salesforce visual force page i want header image followed by content on every page , but in my case image is overlapping content from page 2?

I am having a visual force page where in i want a header image followed by content , but i want content after the header image with the current code everything was fine in first page but from page 2 ...
Lone Warriour's user avatar
0 votes
1 answer
49 views

How to show place holder when value is ampscript?

When I want to see TT.MM.JJJJ as a default but because ampscript is used it shows dd/mm/yyyy I have added placeholder and timezone as well but it is not working. Could you please advise on that? set @...
Gokce Altunkanat's user avatar
0 votes
1 answer
105 views

Lightning-modal spinner overlay screen

I'm using the new feature: lightning-modal and using a lightning-spinner: <template> <lightning-modal-header label="Test"></lightning-modal-header> <lightning-modal-body ...
Alexia Ribeiro's user avatar
0 votes
0 answers
21 views

SFMC Injecting Code in Incorrect Location in Email Template

I am facing an issue in Marketing Cloud where the code that should be inserted in the <head> of my HTML is being placed in the <body> when I choose to create a template base email. This ...
Mik's user avatar
  • 3
0 votes
1 answer
45 views

Apply Style to a div class in B2b LWR site

I need to add style property to a div class in LWR site.I am adding Style = "position:relative". How can i specify this override in Css head markup of the Site?
Deepak Agarwal's user avatar
0 votes
1 answer
179 views

Loading Custom Font In LWC from Static Resources

Im So confused with this, I have tried a lot of ways but none of them seems to work for me. The resource is named "IBMPlexSerif", its file is a .zip named "IBMPlexSerif", When I ...
RProgrammer's user avatar
1 vote
0 answers
75 views

Get rid of X in slds-modal in LWC

I've been trying to make my own custom modal (based on the lightning design for modals) However I seem to be running into some issues in getting rid of the floating X when the modal shows up. I ...
Kevin Yao's user avatar
  • 117
0 votes
1 answer
61 views

Is there a way to change the lightning input placeholder color?

message-when-pattern-mismatch="First Name accepts only characters(a-z)" message-when-value-missing="First Name is required" class=&...
Yuqi Sui's user avatar
0 votes
0 answers
41 views

LightingConfirm Modal not inheriting Experience Cloud Theme

I have a LWC in Experience Cloud, where we have made some simple updates to the Theme e.g. changed the Action Color When I use something like this, the theme works as expected: <lightning-button ...
BritishBoyinDC's user avatar
0 votes
1 answer
20 views

Unable to add class to table rows using querySelector

I have a table with nested rows that are dynamically created when a dropdown onchange event is fired. I'm having difficulty trying to dynamically add a class to the child table rows that are marked as ...
user1718612's user avatar
0 votes
0 answers
54 views

Show different templates when the browser gets resized for LWC

I am trying to create an LWC that comprises of 5 child bricks inside of a parent layout container. I am using these wrapped in lightning-layout-item and layout respectively. In between each of the ...
thTrailblazerSFPro's user avatar
1 vote
1 answer
196 views

LWC css zindex to bring the component on top

I am trying to create a filter popup window with multiple fields, but when dropdown opens up it is hiding behind the buttons, and user is unable to scroll through, how do we bring it on top always? ...
Ajay 's user avatar
  • 1,599
1 vote
1 answer
185 views

LWC: Table Body Colspan Not Matching Table Header Span When The Table Body is in a Child Component

I'm working on an LWC to render a report in a Lightning Page & have come across an issue in my HTML that when I have a Table Header in the parent component and table body in the child component. ...
RedQueries's user avatar
1 vote
1 answer
625 views

What is the best way to change the font size and style of a lightning-card title?

As the title says, what is the best way to change the font size and style of a lightning-card title. I have tried the following... 1) First, using these Styling Hooks on a lightning card... :host { ...
louis's user avatar
  • 81
0 votes
0 answers
88 views

How to add style to lightning combobox?

how can I add style to the combobox input and option items? ><lightning-layout-item size="12" padding="around-small"> <label class="custom-...
Yuqi Sui's user avatar
0 votes
1 answer
253 views

Z-index issue for lightning-button-menu in lightning-modal

This is my issue, when using <lightning-modal>. I've read several posts here about z-index issues, but I haven't found any that address the <lightning-modal> situation, which I suspect has ...
PatMcClellan__c's user avatar
0 votes
0 answers
51 views

div not working as block element in renderAs Pdf in VF page?

I am generating a pdf using renderAs pdf in VF page. In the page the <div> is not working as it should(block) , It is overlapping with its parent div .Here is the pdf: Here is the VF page code: ...
Sahil Gupta's user avatar
1 vote
1 answer
106 views

how to change the position of the dropdown of Lightning combobox

can we change the dropdown box align with combobox? is it possible? it is like this now. I want it like this <td class="slds-cell_action-mode" role="gridcell"> ...
Neophyte's user avatar
0 votes
1 answer
26 views

i want ui:inputradio label to display to the right of the radio currently it is to the left followed by radio?

I want the radio button first and the label to the right of the radio button here is my code <tr> <td width="150px" class="uiLabel-right form-element__label uiLabel"&...
Lone Warriour's user avatar
2 votes
0 answers
166 views

How to inherit css from parent within the child using light dom?

I have a child component that is used to recursively iterate through a tree. The parent component has css that is using the shadow dom and the child component is set to use the light dom. While ...
usernameabc's user avatar
0 votes
2 answers
222 views

lightning-button hover not working

I wanna customise the lightning button, and added the btn-cta css, but it's not working at all. I've already used hook thing, but hover on the button, the default color still there, can anyone help ...
Yuqi Sui's user avatar
2 votes
2 answers
1k views

How to style child component from parent component css?

I have two components that have a parent and child relationship. I am trying to apply css from the parent component's css file to the child component without having to write it in multiple places. ...
usernameabc's user avatar
0 votes
1 answer
80 views

Load boostrap in your Custom Lightning Web Components

I searched extensively on Stack Exchange but couldn't find the method to load Bootstrap. However, I managed to solve it, and I want to share this code and procedure with the Salesforce community.
Sufyan Ashraf's user avatar
0 votes
1 answer
261 views

Apply CSS in Title Lightning-tabset

I need your help! I'm trying to make a cart with a product counter, like the notification counter that Facebook has. I currently use lightning-tabset to organize my lwc and I only need to apply CSS to ...
Ângelo Bernal's user avatar
0 votes
1 answer
47 views

%%replyemailaddress%% not receiving css styling

I am creating an email and I want the replyemailaddress token to show. If I have the token as: <a target="_blank" style="color: #150404; text-decoration: none; ">%%=...
rnkwill's user avatar
  • 15
0 votes
0 answers
31 views

Aura cmp Dynamic CSS for utility bar vs a tab vs mobile

I have an Aura cmp which I will be using in the utility bar on the desktop and in a separate tab on mobile. However, I wanted to limit the height of the aura in the utility bar so that the inner ...
YCS's user avatar
  • 27
0 votes
1 answer
33 views

Which SLDS CSS code is used to hide error text on file upload pop up?

Our client's Experience Cloud site has some CSS code that another consultant implemented, but since I cannot get in touch with them, I hope any of you can help me out. I am trying to figure out how to ...
Mille_B's user avatar
0 votes
0 answers
39 views

HTML/CSS style column

I need some help with my HTML email template. I am trying to copy this format: However, this is what the result I am getting: This is a PDF attachment and here's my code block for this section: <...
Fatima Querimit's user avatar
0 votes
0 answers
21 views

If I change the CSS for the whole website rather than a specific component, would it still cause problems in the future update releases?

Basically, I need to use custom CSS override to modify a tile menu component and some other components, but there is this warning in the developers website: How do I maneuver around this issue? Would ...
Mert Basoglu's user avatar
0 votes
0 answers
61 views

Email Template Content Block Area - Overwrite CSS

I am working on revamping email templates in Marketing Cloud for non-technical marketers to use. I am running into an issue/haven't found a solution for overwriting CSS in content areas that a user ...
Tazzy1234's user avatar
0 votes
1 answer
218 views

lightning-input type="toggle" change label font

Is it possible to do it? <lightning-input class="cxd-toggle__label-medium" type="toggle" label="Block list" checked={...
pincet's user avatar
  • 923
0 votes
0 answers
147 views

Why I am getting padding of 2px in my Lightning-radio-group element's all the radio button except first radio in LWC in salesforce?

CSS: .vertical-radio-group { display: flex; flex-direction: column; align-items: flex-start; margin-left: var(--slds-c-lightning-radio-group-spacing-inline-start, 0rem); } .slds-radio { ...
Sanu Singh's user avatar
0 votes
1 answer
150 views

Lightning Datatable Column headers are overflowing when browser window size changing by the user

I have an Aura component showing a Lightning Datatable with some columns. I'm using Word wrap to fit/read the table contents within the table. But the issue is whenever user is increasing the browser ...
Damodar Singh's user avatar
0 votes
0 answers
101 views

Aligning cards with list of path elements in custom Kanban component (Aura)

I'm having some problems with an aura component displaying a custom Kanban view. I have been able to get the actual logic to work, however, I'm having some trouble with the actual styling/layout of ...
Erik H's user avatar
  • 1

1
2 3 4 5
24