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

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
2answers
29 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
18 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
18 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
46 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
23 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
14 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
19 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
24 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
29 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
24 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
73 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
9 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
56 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
116 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
79 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
46 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
46 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
104 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
47 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
50 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
81 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
125 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
41 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
20 views

Quip Automation API usage from Salesforce lightning App - Unable to add CSS on HTML content

I'm creating Quip document from lightning app through Quip automation API - the document is created in Quip side , but unable to apply any CSS on the html content like - increase a column width of ...
0
votes
0answers
12 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
19 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
100 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
537 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
166 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
156 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
42 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
87 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 ...
1
vote
0answers
38 views

How to make a tooltip pop out of it's container

I'd like my tooltip to pop out of it's container, but unfortunately it gets clipped off. Any suggestions about styling that would give me my desired result: My actual result: My code: var ...
2
votes
0answers
118 views

printing a div of lightning component

well currently we have a requirement to print some part of component to be print we have taken that printable data in a div now when we trying to print that till before this we had gone through ...
5
votes
1answer
288 views

How to address excessive white space around links in unescaped ApexPages.Message messages?

I am using: <apex:pageMessages escape="false" showDetail="true"/> and creating the detail message using String.format with this pattern: '{0} Payment Specification <a href="/{1}">{2}<...
0
votes
1answer
20 views

How do I change the background of visualforce page for page 1 and the rest

I have a visualforce page document for which I want to place an full width image on the firstpage and on the rest of the document no image. I tried the following down below but all the pages get a ...
0
votes
0answers
45 views

lightning:buttonIcon color change [duplicate]

I am trying to change color of iconName="utility:check" on close of modal popup.I have written CSS also. My Icon: <lightning:buttonIcon iconName="utility:check" class="icn" variant="bare" ...
0
votes
0answers
39 views

VF page to Word - Getting an blank page in end and blank space below header of first page

<html xmlns="http://www.w3.org/TR/REC-html40" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word"> <head> <meta http-equiv="...
1
vote
0answers
34 views

Pseudo elements styling in lightning component

I have a html table defined in my lightning component. I want to change the CSS for the pseudo elements --> ::Before and ::after. Similar to this screenshot, I would like to add the below line ...
4
votes
2answers
234 views

make inner divs scrollable in a lightning component

I am developing a lightning component to drag-and-drop some items. It is called from a quick action on a record detail page. What I have noticed is that if the divs inside of it are too large, the ...
0
votes
1answer
84 views

How to solve problem of updating css of lightning components with every release of Salesforce?

Lightning make changes in there css with every release. Most of time these changes were minor so we didn't make any changes. But like in summer 18 release there were big changes and we have to release ...
0
votes
1answer
27 views

change header and footer on window.print

I have a visualforce page and also the link that run javascript command window.print(). As my task I must to change the footer link when the print page is opened and also remove date from the header ...
1
vote
2answers
63 views

Header Image in Visualforce PDF not displayed

Image not getting displayed in PDF though I tried doing this.Can Anyone Please correct me what is wrong? I tried using it both in div.header and in @page.Both doesn't work fine? Visualforce: <...
1
vote
1answer
39 views

How to change the size of circles/rectangles in progress bar css? [closed]

I need to increase size to display more data and I have tried changing height & width but there is no change in UI. <apex:page > <head> <meta charset="UTF-8"/> <...
0
votes
0answers
17 views

Incorporate Less in the lightning project

Is it possible to incorporate Less in the lightning project? If possible, provide me with any manual on the topic you know about, please. Here is what I tried out: Uploaded the library file as a ...
1
vote
1answer
48 views

How to position an element to center inside of a grid column?

On my VF page I'd like to center a content of a grid column. Code: <apex:page> <head> <apex:slds /> </head> <body> <div class="slds-grid ...
0
votes
0answers
22 views

How to give a href links in Salesforce HTML editor available in Napili Community?

This is the code I have right now: <div id="body2" style="background-color: green;"> <br><br><br><br><br> <h3 style="color:red;" align="Center" size="...
-1
votes
1answer
34 views

Controlling PageBlockTable Table width

I am having trouble setting the width of a table. I have tried using columnsWidth but it does not seem to respect it. <div class="column"> <apex:pageBlock > ...
0
votes
2answers
151 views

CSS required to make lightning:checkboxGroup items display horizontally

What CSS would be required to make the items in a lightning:checkboxGroup display horizontally rather than the default of vertical?