Stack Exchange Network

Stack Exchange network consists of 174 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
38 views

lightning-datatable - remove header actions

Is it possible to remove the header (column) actions completely from lightning-datatable? It seems that no matter what I do I'm still stuck with Wrap Text and Clip Text actions. UPDATE Adding more ...
0
votes
0answers
10 views

CSS Style is lost for overflow layoutItem

I'm using lightning:layoutItem to display a list of records. There are 17 layoutItems inside a lightning:layout. However, there is a bug, that the CSS style is not applied to those layoutItems outside ...
-1
votes
1answer
21 views

How to add left and right borders using slds

Image: In this image, The edges are not cutted very properly.I really Look some thing like this. I have tried using "slds-box" still issue is same. How to do like this: Lightning code: <div ...
1
vote
1answer
14 views

Setting Inline CSS from Component Attribute

In a custom Lightning Component, I'm trying to set the padding-top CSS property on a div with a number (Double) that comes from an attribute on the component. I'm having trouble figuring out what the ...
1
vote
1answer
38 views

<lightning:select> limit height?

Is it possible to mention the number of options to display in . <lightning:select> <option>option 1</option> <option>option 2</option> <option>option 3<...
2
votes
2answers
250 views

Set CSS class dynamically in Lightning web component

How would I translate that from Aura to LWC? <aura:iteration items="{!v.contacts}" var="contact"> <div class="{!contact.isActive ? 'slds-tabs--path dimmed' : 'slds-tabs--path'}">...<...
0
votes
1answer
29 views

How to use Salesforce Sans font in lightning component?

I have uploaded the Salesforce Sans font as satic resource in my dev org. How to use this sytle in my lightning component. <lightning:layout multipleRows="true"> <lightning:layoutItem ...
1
vote
0answers
21 views

custom CSS not applied to div

i have the following css: .THIS .noErrorStyle { padding-bottom: 8rem; padding-left:2rem; padding-right:2rem; } .THIS .errorStyle { padding-bottom: 4.3rem !important; padding-...
0
votes
1answer
39 views

Dynamically change background color using controller on lightning component

I would like to implement component having a background color change feature. I tried to get some information on how to change CSS using Lightning Component controller, I couldn't get much about it. ...
0
votes
1answer
31 views

Is it mandatory to have Assests/Images/CSS present in SFMC?

We are about to kickoff with ipwarming. we have emails ready, but the assets used in email creation are hosted on different server(not present in SFMC). Is this something I should worry about, and ...
0
votes
0answers
5 views

How do I control css for Chatter Feed files showing thumbnails?

We have a Chatter Feed showing for our portal which includes showing the files attached to that feed item. The problem is the thumbnails showing for the files are squashing the file name in the right ...
0
votes
2answers
28 views

How to change a class of 1 element through onclick from 2 element?

I have 2 lists. First is all my objects. Second - selected object (I use "Select" button to add my obj to second list but without deliting it in the first list). I can also delete the objects from the ...
1
vote
0answers
26 views

Change the style of 1st list's element through onclick from 2nd list's element

I have 2 lists. First is all my objects. Second - selected object (I use "Select" button to add my obj to second list but without deliting it in the first list). I can also delete the objects from the ...
0
votes
1answer
25 views

Change the div's css style in <aura:iteration>

I have a component: <aura:iteration items="{!v.objects}" var="obj"> <lightning:layout multipleRows="true" class="layoutBigCardsColumn"> <div class="slds-...
0
votes
1answer
37 views

How to send the div's style through button's onclick in <aura:iteration>?

Even the example from "Lightning Aura Components Developer Guide " doesn't work. I can't set the style to my div. It's because of iteration. How can I fix that? cmp: ...
0
votes
1answer
44 views

Increase size of Lightning Component to fit properly on a record page

The component I created on the right appears smaller than the activity card. I've tried several ways to increase it's size but have failed. Is there a way to make it look like the card below it? ...
0
votes
1answer
27 views

Can we blink a primary tab after opening it via any css or js?

I am trying to open a primary via this: sforce.console.openPrimaryTab(null, '/lightning/n/***', true, 'TestSearch', openSuccess, 'salesforceTab'); Now if I pass false, the tab opens and does not ...
3
votes
2answers
105 views

Target inner elements of standard Lightning Web Components with CSS

Say we have a LWC with the following template in a component named example: <template> <lightning-textarea class="test"></lightning-textarea> </template> And some css to ...
5
votes
1answer
85 views

Can we specify a minimum height for a lightning:datatable/lightning-datatable?

Problem lightning:datatable (rendered as a lightning-datatable) places itself in a wrapper that is only exactly as big as it needs to be. If you click on a header-level action in a table with no rows,...
0
votes
1answer
40 views

Fixing CSS in lightning community

I'm trying to fix css for the lightning community, I have created a custom theme for a community, and my component implements forceCommunity:layout, due to forceCommunity:layout by default max-width ...
1
vote
0answers
35 views

Adjsting the height of component dynamically

I have two child component A and B inside a parent component stacked one after other.Component A is supposed to be static and does not contains scroll bar.How ever its height changes depends on ...
1
vote
2answers
42 views

HTML Email Template : Looks Okay In The Editor, But Loses All Styling When Sent

I'm trying to create an email template in HTML. I originally did all the styling as an internal style - But later found out that styling must be done as inline css. My creation looks fine in the ...
0
votes
3answers
165 views

How to override CSS of Lightning Component

I want to change the styling of several Lightning Component elements such as: Changing the background of navigation of Tabset from light grey to blue: From this To this The code I written in .cmp ...
3
votes
2answers
158 views

How do you center align the text of the column headings for a lightning:datatable?

I'm able to apply color or make the column heading text bold, but I can't center align the text for some reason. <lightning:datatable data="{! v.data }" columns="{! v.columns }" ...
0
votes
1answer
65 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
1answer
207 views

Can we add bold style to last row in Lighitng Data table??

I am using "lightning:datatable" tag to display set of rows in UI. Few columns are numeric data. I needed last row to be summarized values of all the data set. I don't find any standard summary ...
0
votes
0answers
28 views

Remove grey outline from Lightning component [duplicate]

I have created a lightning component which sits as an Action in my Service Console like this... I am trying to remove the grey outline inside the box, I have tried setting CSS styles on the lightning ...
0
votes
1answer
30 views

Locker Service and CSS in JS

Without trying this myself I was curious if anyone else was able to get CSS in JS to work within the confines of LockerService. At first glance it looks like styled-components might actually work as ...
1
vote
1answer
224 views

Add spinner text along with spinner in lightning component

I am trying to add spinner text like 'Please wait while loading' along with dotted spinner. But the text is not displaying . It is displaying just a spinner. Can you identify what i am missing ? <...
1
vote
1answer
21 views

set width of left div relative to screen [closed]

I have created a lightning component which has the two div-left div & right div. <div class="float-left-area"> </div> <div class="float-right-area"> </div> CSS: .THIS....
0
votes
1answer
74 views

Adding Different Padding values on lightning:layoutItem

Is there a way to apply more than one padding value to the lightning:layoutItem component? The examples in the documentation only show one value: <lightning:layoutItem padding="around-small"> ...
1
vote
1answer
51 views

Element top offset based on viewport, but left offset based on parent when trying to position (lightning component)

I am quite confused by this behavior... I have a component for a popover: <div aura:id="popoverWrapper" style="{!'position: fixed; z-index: 10001; top: ' + v.offsetTop + 'px; left: ' + v....
0
votes
1answer
101 views

Lightning Vertical Navigation: CSS for list item to be align to the right

I have a vertical navigation that is populated from a list of records, for each item I am trying to add a span with some extra information (in this case a badge), but I want to be pull to the right (...
0
votes
1answer
43 views

Visual Force: Have footer only on the last page of a document

I have a visual force page. It gets turned into a PDF if a button is pressed. There will be multiple pages. I want to have my footer at the bottom of only the last one, but I cannot figure out how. ...
3
votes
1answer
188 views

What does SLDS CSS class `.slds-hint-parent` do?

SLDS and lightning component documentation regularly uses CSS classes in example code without reference in accompanying documentation. So, for example, I'm trying to understand .slds-hint-parent, ...
0
votes
1answer
56 views

Visualforce renderAs PDF page size error

I need to render a small pdf page, height = 15mm and width = 30 mm. I have developed a VF page but I am not able to get the required page size. I am getting the error 'Page style attributes result in ...
3
votes
2answers
53 views

Can we change Community Template Background dynamically?

I am trying to achieve Account specific branding in Communities. So every user belonging to one account sees a specific background. Preferably, the background-image needs to be related to the account ...
1
vote
0answers
135 views

Lightning component: highlighting wrong element on hover

I have a progress bar component, split into 5 segments. For some reason, when I hover on a segment, the next segment is highlighted instead of the current segment. You can't see my cursor, but it's ...
0
votes
2answers
142 views

Lightning Design using slds-text-align_center does not allow me to adjust width

I have a nested component and when the parent displays it on a full width page the child expands the entire screen and does not look good. I used "slds-text-align_center" to center it, but then tried ...
0
votes
1answer
35 views

Lightning UI: apply styles to lighting select items

Here is my lightning dropdown code: <div class="slds-large-size_4-of-12 slds-grid slds-wrap"> <div class="slds-large-size_1-of-3"></div> <div class="slds-large-size_1-of-...
1
vote
0answers
91 views

How can I override standard modal css in lightning:overlayLib modal instantiation?

I am running into an issue where part of my component within the modal generated by lightning:overlayLib requires the user to scroll. I want the div that appears to display over the top of the footer ...
1
vote
1answer
140 views

Lightning Styling not displaying in one sandbox but will in another?

I am working on a visual force page that uses the slds styling. In the developer sandbox I was working on it displays fine as shows: The code has been merged into a QA environment, and with the same ...
0
votes
1answer
29 views

Conditional styling for classic and Lighting in Salesforce

I want to apply style(code below) only for lighting users. <style> @media (min-width: 48em){ .pbHeader .pbButton:last-child { padding-right: 0; text-align: ...
1
vote
1answer
28 views

Hide all images on Visualforce page, minus one

I'm hiding all images on my page via css, so that an tag will look better on a pdf and not include the image icons. My issue is that I would like to render a single logo at the top of the page. I'm ...
0
votes
0answers
34 views

How do I set the Default Size & Layout of a MultiPicklist on my VisualForce Page?

I'm wondering how I go about changing the style of my Multi-Picklist? I would Like it expanded by default without the scroll bars. So its showing all the options. This is how it looks when I open the ...
0
votes
0answers
32 views

Lightning style sheet isnot working in command Button

I am working on visulaforce page to Lightning conversion. I am very new to css and slds. I used Ligthingstylesheet==true in Apex page Tag. It's working well. But I am facing problem command buttons. ...
1
vote
2answers
555 views

Styling lightning:combobox drop down to not hide inside modal and extend modal length?

I am using the lightning:combobox standard component, and created a little UI that I then put in a modal window. It looks fine except for this issue.... I the drop down hides inside the modal ...
0
votes
1answer
144 views

Visualforce page header and footer content not displaying completely

Component Code : <apex:attribute required="true" type="string" name="type" description="specify header and footer type" /> <apex:stylesheet value="{!$Resource.dynamicStylePdf1}"/> <...
4
votes
1answer
686 views

SLDS lightning card margin issue

When lightning cards render, the first one seems to always be missaligned at the top no matter what. (this is obviously fixable with CSS). I used dymamic rendering, standard lightning:Card component ...
1
vote
1answer
238 views

Remove border-radius on <lightning:input/>

Is it possible to remove border-radius on <lightning:input/>? Just attaching a css class with border-radius: 0; does not help.