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.

2
votes
0answers
25 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
18 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
33 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
25 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
21 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 ...
0
votes
1answer
35 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
16 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
0answers
9 views

apex:slds tag not loading in the right slds.css file

I have a number of Salesforce orgs that were currently setup to use hardcoded static slds resources in visualforce pages. I swapped this out for the <apex:slds /> tag in order to use the latest ...
0
votes
1answer
16 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
23 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
0answers
20 views

reRender vs AngularJS ngAnimate conflict: how to use both?

I have working pagination and working Angular, but together they work wrong. I think it's something wrong with ng-show and ng-hide. I need to active ng-hide everytime when I refresh my page with ...
0
votes
1answer
26 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
22 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
63 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
36 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
51 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
38 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
0answers
17 views

Lightning Component Styling: Collapsible region doesn't push item below it further down when expanded

i'm making a lightning component, and I have just added collapsible regions to each table within my component that lets the user hide or display each table. A problem however is when I expand a table ...
0
votes
2answers
67 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
24 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
39 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
78 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
0answers
26 views

Front-end real time changes update/synchronization, simple alternative?

Is there a SalesForce plugin or typical implementation of live-update/synchronization tools (as LiveReload or BrowserSync) that allows Front End work process to be speed up, skipping the slow building ...
0
votes
1answer
18 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: ...
0
votes
1answer
21 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
26 views

Issue with text color in Outlook 2013

<table border="0" cellpadding="0" cellspacing="0" class="slot-styling" style=" background-color: transparent; min-width: 100%;" width="100%">   <tr>    <td align="center" class="slot-...
0
votes
0answers
31 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
27 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
225 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
0answers
11 views

Is there a way to customize CSS Flow files?

Mornin' u all. As the title said, is there a way to custumize css flow file or deceive it in some way? I want to change from this : (Note the white bar above the progress indicator) To this one, ...
0
votes
1answer
70 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
343 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
153 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.
-1
votes
2answers
58 views

Displaying Checkbox right side of the label

I'am very new to slds.I have used Lightning input type tag for displaying the checkbox.Now checkbox is Appearing in left side. Present Image: <lightning:input type="checkbox" label="Selected :"...
0
votes
1answer
76 views

Unordered List with no bullets not working with email template

I have a Visualforce Component that has a un-ordered list. I want that list to have no style other then the indentation. Usually with HTML you would just specify the ul css to be list-style:none or ...
1
vote
1answer
380 views

Why adding “position:fixed” and “width:100%” styles to lightning:card element fixes right margin?

Let's consider a simple component: <aura:component implements="force:appHostable"> <lightning:card class="test" iconName="custom:custom62" title="Test Card"> <aura:set ...
2
votes
1answer
112 views

CSS/Javascript static resources not loading

I've loaded css/js static resources to Salesforce in a fivestar.zip file. This resource also contains an svg. fivestar.zip --rating.css --rating.js --stars.svg When attempting to load these ...
3
votes
1answer
53 views

Top indentation in Lightning experience tabs

Does Lightning experience guarantee that the body of the tab will always indent 90px from top? If the value is not guaranteed, then how would I be able to get it in code? In order to avoid x-y ...
2
votes
1answer
173 views

Get rid from the padding in Lightning component tab

Is it possible to get rid from the padding in Lightning component tab? Here is the padding: I was able to find the class which adds the horizontal padding. The class is .slds-template_default. But I ...
0
votes
0answers
26 views

Change CSS style for iterated <div>'s [duplicate]

The goal is to apply a CSS style to iterated <div>s to display that the field has been modified. I think I am close but my indexVar is returning the error "Cannot read property 'dataset' of null"...
1
vote
1answer
264 views

Create scrollable dropdown with max-height

I'm trying to create a scrollable dropdown menu which doesn't extend past the current modal. I tried setting the max-height to 200 and overflow:scroll; but that didn't work. I added height:200px but ...
0
votes
0answers
95 views

Change the style of the commandlink

I am now currently working on dynamic pagination and I having trouble when it comes to the design of my buttons. Since I am using commandlink, the "disabled" method is not supported, it is only ...
0
votes
0answers
17 views

Lightning Community Pre-Built template nav text colors [duplicate]

hoping for some help! I'm really struggling to change the text color of my navigation items on a pre-built template. It's the Jepson one. The inspector tool reveals the css classes I need to change, ...
0
votes
1answer
21 views

Trying to override Description Horizontal List

I'm using the Description Horizontal List from SLDS. My code so far : <dl class="slds-dl--horizontal"> <dt class="slds-dl--horizontal__label"><b>Hello1</b></dt> ...
1
vote
3answers
218 views

Can't modify the css of lightning:select

I added a new Lightning component. All is good (controller, helper, apex controller...), but the position of Lightning:select doesn't change. I don't know why. I want to center the lightning:select ...
0
votes
1answer
1k views

How to apply css to headers of a lightning:datatable?

I've tried this in two ways: First: component.set("v.columns",[ {label:'', fieldName:'edit', type:'action', class: 'cols', cellAttributes: { iconName: { fieldName: 'utility:custom_apps' }...
0
votes
2answers
312 views

How to apply styling for a checkbox in lighting:recordform

I saw your blog on how to apply styling for a checkbox for a lightning component using CSS but I tried on a lightning:recordform but unable to change the color of background color of a checkbox. Here ...
1
vote
1answer
199 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,...
3
votes
0answers
66 views

Error when loading custom font in Community - 500 (Internal Server Error)

I've set up the fonts to load exactly as specified in https://developer.salesforce.com/docs/atlas.en-us.communities_dev.meta/communities_dev/communities_dev_customize_font.htm and they work most of ...
5
votes
1answer
110 views

Keep Themes & Branding from overriding SLDS styles

We have a customized version of the path structure in our app that is showing the current status of a process object. To leverage as much as possible of the SLDS we reused as many classes from ...