Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
0answers
13 views

How to disable the blue border around all the element after selecting a time in lightning:input of type datetime?

I have a lightning:input of type datetime When I select a date it's ok, but when I select a time, after selecting during this "click" it's showing like a blue border around all the element. I know ...
1
vote
1answer
15 views

How to hide page header in lightning component

I want to hide a page header from an appHomeTemplate I have looked at several similar questions but none of them give an answer. I have used .THIS.slds-page-header { display: none; } in my page ...
0
votes
0answers
8 views

How to customise the look and feel of the Connect Salesforce Authenticator page

I have Two Factor Authentication enabled for a Customer Community Login Users profile, which means after using a branded login screen the user gets this: Is it possible to customise the background ...
0
votes
0answers
11 views

Add lightning rich text toolbar buttons from css

How can I use css to add toolbar buttons to the lightning:inputRichText editor? When I used css to modify the height of the editor window, I lost the color button from the toolbar. I was able to get ...
0
votes
0answers
11 views

Customize Salesforce Developer Console CSS stylebot

Is there a default css style to change the highlighting color in the SF developer console? I use CodeMirror-matchingtag, VARIABLE_DECLARATION and a few others but I would like to change the color when ...
0
votes
0answers
14 views

Style page-break-inside: avoid not being applied

Environment: Salesforce CPQ Object: Template Content The goal is to apply the page-break-inside style for each section to force each of those sections on a page without breaking. What I have in my ...
0
votes
0answers
6 views

unable to fetch value from igGrid

Can anyone please help me in below JS code snippet, which is not rendering value from the record. i could be able to see the value for the first alert, but when it throws error while executing second ...
1
vote
2answers
36 views

How to adjust min-height of Salesforce Lightning input rich text component on load

I would like to change the min-height of a Salesforce Lightning rich text component. The original code (old vendor) used a long text area and Aura. I changed it to rich text area using lightning:...
1
vote
0answers
22 views

How can I get custom CSS to work with LiveAgent?

I need to add a custom message to the waiting page for Live Agent. I've designed a basic VisualForce page to use for testing. This page includes custom CSS. Well, really it's not custom CSS. I found ...
1
vote
1answer
81 views

LWC - CSS color fill for lightning:icon not working

I'm trying to color the utility "up" and "down" arrows that SLDS provides. I've confirmed that my CSS selector is correctly selecting the SVG icon in my browser console $$('.down svg'), but the fill ...
0
votes
2answers
25 views

slds-gutters not adding spacing between div's

The slds-gutters class does not seem to add spacing between the div's. What is the reason for this? Essentially I could add padding, but I would like to understand why there is no spacing between the ...
1
vote
1answer
32 views

Css not working in Lightning Web Component

I have this below HTML page in LWC - <lightning-layout multiple-rows="true"> <lightning-layout-item padding="horizontal-small" size="4"> <div class="...
0
votes
1answer
50 views

Change CSS of a placeholder in LWC

What CSS selector do I need to use for changing CSS (font-size, color, etc) of a input text box placeholder. following is the input LWC that I'm using :- <lightning-input type="text" name="...
0
votes
1answer
44 views

Community Footer at Bottom of Page

I'm attempting to place a footer at the bottom of every page within our Community site, regardless of the content on each page, and I'm unable to do so successfully. I'm utilizing the custom CSS ...
0
votes
0answers
25 views

VF phone number display format

I would like to do one input text of phone number with bottom border only and the phone is separated into two parts: area code + number on the next format : XXX-XXXXXXX Within one input. It's mean ...
0
votes
3answers
43 views

CSS change style base on valid input

I'm trying to style the asterisk ("*") inside the span element of a required field based on the "input:valid" property. <apex:input value="{!firstName}" id="firstnameId" required="true" /> ...
0
votes
1answer
57 views

how to display first letter of first and last name of profile user within a icon | Lightning Component [closed]

For eg:- my name is hitesh rayal and want to display it in the same way as they have done in the below screenshot get profile user first letter of first name and last name and display it in a icon ...
1
vote
1answer
45 views

How to toggle classes off one element and on another after onclick

I am creating a custom menu using the Salesforce Lightning Design System Global Navigation with sub tabs <div class="slds-context-bar slds-context-bar_tabs"> <div class="slds-context-...
3
votes
2answers
84 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 ...
0
votes
1answer
37 views

Help with IE VS Chrome css issues

I have an input field and label which I use the floating label technic. In Chrome\ Edge\ FireFox It works great but on IE it doesn't. When I test a field via IE I see that it take my label and put ...
1
vote
0answers
31 views

Floating Label | Change Placeholder to Label On clicking the input field [closed]

on click of Input field Want Place holder to behave as label by moving up just look in the image when i enter first name the first name place holder moved up to become label how can i do it ...
0
votes
0answers
19 views

override standard component styling

I have a request to change the icon color of different feed items on the standard chatter feed component. Feed items that are of type question have the same color icons and field updates. A question ...
1
vote
0answers
21 views

Where and how to change the Embedded Login CSS?

I want to edit the Embedded Login CSS as is mentioned on the link from documentation: Replace the Embedded Login CSS with Your Own Embedded Login comes with a default style sheet, which styles the ...
2
votes
0answers
26 views

Lightning Component Quick Action Styling - remove gray background

When we create a custom Lightning Component Action on the Case object, which uses the force:lightningQuickActionWithoutHeader interface, the background of the component is gray. When we apply the ...
0
votes
1answer
33 views

CSS for Excel Accounting Format?

I am working with a data table in Visualforce, and I am trying to get the columns with currency values to format similarly to how the account format looks in Excel, where it will align the dollar ...
0
votes
1answer
38 views

align Lightning modal header text to left

want to align lightning modal text header to extreme left (Styling issue) just want to align terms and condition text to left side but not shifting even after applying css align: left modal.cmp ...
0
votes
1answer
32 views

set colors or different styles for different options on Apex:SelectOptions tag

How can i put some style on an <apex:selectOptions> tag on a Visualforce Page? I have to change the font color of the options depending on one param, for instance if the param goes from 1 to 5, ...
0
votes
0answers
34 views

How to add the css in lightning component style class

I am using a third party lightning component in 'lightning Flow' to display dynamic questions. Some checkboxes are getting displayed via that lightning component but their width is set to 100%. I ...
0
votes
0answers
40 views

Select Radio button in HTML table

I am trying to display each select radio button in a separate html table column. I want irrespective of the size of the screen, the radiobuttons always display perfectly under the emoticon. The end ...
0
votes
1answer
62 views

How to add background image to Lightning component Body from static resource?

I'm trying to access the body tag but it seems it's not possible using document.getElementsByTagName(tagName) and $A.util.addClass, I want to add a background image, I was trying to do it in the ...
0
votes
2answers
94 views

Change backgroud color of a checkbox

I want to change the color of my checkbox in lightning I have the following piece of code in my cmp <lightning:input type="checkbox" label="P" class="{!(v....
1
vote
0answers
36 views

How to Toggle (Hide/Show) in Lightning with no Delay or Resizing

I'm conditionally toggling sections in a Lightning Component that each contain a lightning:datatable, and I'm stuck in a bind of choosing either the table resizing when the section is first expanded (...
1
vote
2answers
53 views

How can you modify standard lightning component styles from Community CSS?

I have a standard lightning dashboard component that has been added to a communities page. I'm trying to hide the red icon on a standard dashboard component on a community page shown below: I've ...
0
votes
0answers
13 views

Specify (fallback) font stack in Community page

How can I specify "sans-serif" as the fallback font in the font stack for a Community page? The template is based on the Napali theme and uses a custom font. For some users, the custom font does not ...
0
votes
0answers
48 views

Cannot change the css of the lightning-tabset standard web component? [duplicate]

This is my lwc tabset code: <lightning-tabset variant="vertical" active-tab-value="6" > <template for:each={opps.data} for:item="opp" > <lightning-tab label={opp.Name} key={...
0
votes
0answers
20 views

Resize the Scrolling Div dynamically base on Content from the Server

I have a Div with input text and scrolling, which a click on that input, will bring accounts from the server using action function and allow the user to search for his account dynamically. Until that ...
0
votes
1answer
142 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
2answers
126 views

CSS Override for SLDS-Grid_Container

Was wondering if anyone has any ideas on the actual CSS that lies behind the slds-grid_container (actually wondering on the slds-tree_container class which is on the Lightning:tree component). I am ...
0
votes
1answer
106 views

Lightning Icon Background color not changing

I have a lightning icon in my lightning component. It is an icon of type standard and I want to change its color: Component <div class="slds-media__figure"> <lightning:icon iconName="...
0
votes
1answer
127 views

Lightning OverlayLibrary Background Color for Header and Body

I just want to modify the background color of whole header section and body of my lightning overlayLibrary. here is my code : Popup Component <aura:component implements="forceCommunity:...
0
votes
0answers
21 views

CSS getting distorted when showHeader=“true” in Vf page

I have a well know issue here i have to use show showHeader="true" but my page's entire CSS is getting distorted. I have gone through this post which suggests to install VisualStrap but again only ...
0
votes
1answer
86 views

How do I remove the padding around a Salesforce Lightning Community page?

Lightning community pages have a wrapper div which has padding: 0.75rem all around the page. <div class="slds-col--padded contentRegion comm-layout-column"> all content here </div> I ...
0
votes
0answers
10 views

How to use static resource image in Lightning component CSS file [duplicate]

I am trying to use a static resource in a lightning component .css file: .THIS .website-header { height: 209px; background-image: url('{!$Resource.website_header}'); } But it renders without ...
0
votes
1answer
103 views

How to have a Radio Group of Button Type with gap between each button

I would like to use a Radio Group of Button Type: <lightning:radioGroup name="radioButtonGroup" label="Radio Button Group" options="{! v.options ...
1
vote
1answer
41 views

Should custom labels be used as constants?

From the documentation Custom Labels are primarily meant for multi-language translation use, but our company does not use them for this purpose, but uses them extensively for text used in pdfs/VF ...
2
votes
0answers
20 views

Content Overflow with <lightning:checkboxGroup>

I want my lightning:checkboxGroup to overflow into two columns in my fixed width and height box. I believe the best way to do this is to edit the css but I am not sure if this is possible with the ...
0
votes
1answer
90 views

element.classList.add('class-name') is ignoring the '!important' indicator in the css

This seems to me an odd problem. I have an LWC, it has an unordered list, then loops through items and creates a list item for each one. I have an onclick for my list items so when a user selects ...
0
votes
2answers
41 views

changing validation error message

I want to display an error message when a form is submitted but not all the required fields filled out. I wanted to use the "required=true" on apex:input tag but because I'm using JS function later ...
0
votes
0answers
187 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 ...
0
votes
1answer
28 views

Star Rating not rendering on custom HTML email in Marketing Cloud [closed]

We have created an email in Marketing cloud using an existing Blank template where we can drop our custom made content blocks. And for one email we have a requirement where we need to capture the ...