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
2 answers
867 views

Removing "New " button from Case comment related list

On case record page, there is case comment related list.I want to remove "New" button from this related list. Unable to do it from page layout.
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 ...
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. ...
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 ...
2 votes
2 answers
5k views

Styling a Command Link as Command Button

I'm trying to style a command link as a command button and I have the code for this, <apex:commandlink value="Add new Contact" action="{!editNewCont}" styleclass="btn MyBtn"> and my CSS goes ...
0 votes
1 answer
1k views

Hiding Standard New button in Lightning Community

I would like to hide the standard "New" button in our Lightning Community for our standard Contract object - as we want to enforce external users to use a custom list view button that ...
1 vote
2 answers
1k views

lightning-input-field [Lightning Web Components]

I am currently trying to make a table where I use the lightning-record-edit-form. I am trying to make the helptext icon disappear (without deleting it on the field itself), without any luck.. Can ...
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=&...
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 ...
5 votes
5 answers
27k views

LWC: Adjust Width of Lightning-Button

Given the following: <div style="display:inline-block"> <lightning-button style="..." class="..." onclick={...} label="..."></lightning-button> </div> How can I adjust ...
3 votes
1 answer
2k views

Inconsistent Scrolling Behaviour in Lightning Quick Actions

I have a lightning component I want to embed in a quick action. The component has content which might vary in size, which means I cannot predict what height my quick action needs. As a simple example,...
0 votes
1 answer
1k views

How to remove the padding around a Salesforce Lightning Community page?

When you editing the community page from SFDC, even though you configure the page width to be max, any of the content section () will have padding from top, right, bottom and left which is 12px. Is ...
4 votes
2 answers
2k views

How to set consistent styling across many LWCs using styling hooks?

This Style Components Using Lightning Design System Styling Hooks documentation illustrates how to set custom properties on an individual custom LWC to change the styling: /* myBaseButton.css */ :host ...
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 ...
2 votes
2 answers
1k views

LWC Issue Using CSS in Apex-generated HTML String

I am generating an HTML string for a table using Apex then passing that into a lightning web component using the @wire decorator. In my HTML file, I am using: <lightning-formatted-rich-text value={...
1 vote
1 answer
690 views

Visualforce - missing table border in repeat header PDF

I have developed a Visualforce page to render in PDF and i use @page css for my repeating header and my header content contain a table with border-right:1px solid. this is my CSS: html * { font-...
1 vote
2 answers
8k views

Unable to set Text Alignment for lightning-input (Number) LWC component

I am using lightning-input of type number (LWC) and trying to have input text center aligned. At the end, element's class is being set to "slds-input", So I cannot use custom class to add css. I am ...
2 votes
1 answer
1k views

Make lightning-button-menu work with overflow:hidden

Is there a way to prevent that the below lightning-button-menu is hidden by the wrapping div which has an overflow : hidden? buttonMenu.html <template> <div class="slds-p-...
1 vote
1 answer
1k views

Apply CSS code to one page variation only in community

I have created a new article record type and as I want to exclude the system default fields from the community page I wanted to edit the CSS code for one page variation only and assign that page based ...
0 votes
2 answers
2k views

Responsive header with lightning web component

I have this code, it is a header with LWC, divide into three parts, but the problem I have that my display is not responsive, each part points to the other The part 2 and 2 overlap the part 1. How can ...
1 vote
1 answer
2k views

Process Indicator LWC rendering problem

Simple, yet unable to figure out why. I'm trying to highlight the clicked step by user.Something like this No matter the step is complete or not just I need to set the slds to active. But due to @...
3 votes
1 answer
1k views

Multiple column layouts in renderAsPDF vf page

I need to generate a pdf vf page with multiple column layouts. I read there is something in the css 3 specification: http://www.w3.org/TR/css3-multicol/ But when I tried: div.wrapper{ columns: 2; ...
4 votes
1 answer
1k views

Styling an Embedded LWC on Flow screen

Is it possible to match the width of the standard screen elements that flow provides out of the box (like "Date" & "Type")? My custom LWC (Products) seems to be taking up 100% of the real estate ...
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 ...
4 votes
3 answers
7k views

Hide remove X on lightning:pill/pillcontainer

Is there any way to disable or hide (even just by using CSS) the remove X from lightning:pill? The documentation seems to indicated that as it says "by default": By default, pills are rendered ...
1 vote
1 answer
2k views

align command buttons to center in Visualforce page

Command buttons have aligned to Right ,how to recenter them without using CSS? <apex:page standardController="Contact" lightningStylesheets="true" extensions="...
1 vote
1 answer
2k views

How to show steps name always in lightning progress indicator?

When we are using progress indicator only on hover over we can see the step name,but how we need to show the step names always? Any Ideas!! I am using lightning base component "lightning-...
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 ...
2 votes
1 answer
2k views

LWC Datatable: How to apply CSS to the text content?

I have a datatable in LWC. For one of the columns, I am setting the style class to slds-icon-custom-custom9 which changes the text content of that column to white. When I hover the cursor over this ...
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 ...
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 ( -...
2 votes
1 answer
904 views

Remove box-shadow on Active Cell in datatable

I've been pouring over slds styling hook docs and datatable docs and I cannot figure out how to remove this box shadow when the cell has focus. I know for sure it's box shadow because when I uncheck ...
1 vote
1 answer
1k views

lightning-data table styling

I have an lwc that is used to display a lightning-input in a lightning-datatable. I cannot get it to look right. showProducts.js (parent lwc) import { LightningElement, wire, track } from 'lwc'; ...
0 votes
1 answer
1k views

How to toggle cursor pointer on lightning button

I'm having a lightning button called "Submit". I have added css property to that button to display it in red color. When I click on that button, I want to change my cursor pointer style to 'not-...
0 votes
1 answer
938 views

Salesforce LWC lightning-card Full height

I'm having this piece of code which on desktop shows height 100% however on mobile it doesn't <template if:true={displayBrochure}> <div class="slds-size_small" style="width:...
0 votes
1 answer
862 views

Lighting:tabset rendering tabs in "more" drop down when tabs are populated dynamically even though it has enough space to display all tabs

My expected result should be, all tabs display in one line with out "more" option by using dynamic code. When i tried dynamic code, Tabset displays only 3 names and rest of them in more option as ...
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 ...
0 votes
1 answer
1k views

CSS not working salesforce LWC in scratch org

I have created an LWC component and tested on local server. It was working fine. But when I deployed it to my scratch org, the code is working fine but CSS is not working. Below is my code for the LWC ...
1 vote
1 answer
99 views

Lightning map Marker CSS

Good Morning. A few days ago, the Lightning Map Marker CSS stopped working. As shown in the image below, the return is in "String" format instead of "Tag". Was there an update to ...
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 ...
0 votes
1 answer
3k views

vertical-align: middle doesn't work properly

I have a code below, it works fine, the issue comes when i hide lightning:button, css is broken. I tried several ways but i couldnt set the icon and text div in middle.Please help me to solve it. ...
0 votes
1 answer
2k views

File card Resizing

Does anyone know how to resize a filecard lightning component , i tried to make it of an avatar size ? My component looks like that : I did try to add some css as i followed the same thing in here ...
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 @...
0 votes
1 answer
81 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 ...
0 votes
3 answers
5k views

How to remove Outlook extra space?

Currently we are trying to get rid of some differences in the email appearance across different email clients. And a special one seems to be Outlook (2016) once again. We have a Layout with three ...
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 ...
0 votes
0 answers
79 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-...
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?
0 votes
1 answer
125 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 ...
1 vote
0 answers
70 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 ...

1
2 3 4 5
24