Skip to main content
New
Stack Overflow Jobs powered by Indeed: A job site that puts thousands of tech jobs at your fingertips (U.S. only). Search jobs

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
30 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
23 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
  • 23
2 votes
1 answer
40 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
115 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
37 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
32 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
  • 59
1 vote
1 answer
29 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
  • 59
1 vote
0 answers
52 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
  • 59
0 votes
1 answer
113 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
20 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
46 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
80 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
40 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
119 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
68 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
51 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
36 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
40 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
174 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,589
1 vote
1 answer
174 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
450 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
77 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
209 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
97 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
24 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
142 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
185 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
1 vote
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
71 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
211 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
30 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
30 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
20 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
57 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
186 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
  • 925
0 votes
0 answers
138 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
147 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
98 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
0 votes
1 answer
1k views

Override the style (color)of Lightning-button-icon on bare variant in LWC

Good evening, As the title say i'm trying to override the the icon style (color) of Lightning-button-icon on bare variant in LWC, as per the documentation of salesforce there is no guidelines on the ...
joao couto's user avatar
0 votes
1 answer
107 views

How to override the @media css property into the experince cloud site?

I am using the citizen theme in the experience cloud site. I am trying to change the menu text color but am not able to do that using the configuration. So I am trying to add custom CSS to override ...
Tushar Jadav's user avatar
  • 1,909
0 votes
0 answers
25 views

Hi, I created a lwc component to preview and download the pdf [duplicate]

I am creating a lightning web component to preview and download a pdf file it is working fine in lightning record page but when I am using same component on experience builder site page that preview ...
Hritik Thakur's user avatar
0 votes
1 answer
102 views

dynamic button link on mobile and desktop

I need to add some code so when I send an email on desktop to have a different link www.desktop.com under a button and to have a different link on mobile www.mobile.com . I've tried to use media ...
Duicug's user avatar
  • 469
1 vote
1 answer
96 views

CSS link button not responsive

I am creating a link button purely using CSS and HTML. This is because I want to pass the html structure to an external system. It works perfectly fine when the browser tab is maximized. but when I ...
SFDC Learner's user avatar
0 votes
1 answer
98 views

Print values on side of Vertical Navigation bar

I want to add content on marked zone from vertical navigation bar I am pasting my code and image for reference below could you please help me out HTML <lightning-card> <div ...
Arjun's user avatar
  • 3

1
2 3 4 5
24