Questions tagged [stylesheets]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
0 answers
71 views

CSS is not getting applied in HTML even when explicitly mentioned

I have added a CSS class to my div to get the margin (elucidated in the picture below). Whereas, the margin is not getting applied to the component. The CSS for that class is not getting displayed in ...
  • 29
1 vote
1 answer
435 views

Apex Visualforce page styling remove underline and text align [closed]

This image shows the output of the Visualforce page: How to text-align Opp Created Date to the right the page? How to remove all the underlines? here is the code: <apex:pageBlock > <...
  • 31
2 votes
1 answer
1k views

Inline CSS with dynamic values in LWC

I have come to a problem, where i dont know how to use dynamic inline css together with classic static attributes and properties. I have a iterator, which is going over a JSON file, where i stored ...
  • 309
5 votes
2 answers
2k views

Not able to import CSS in LWC No MODULE named markup:

I have created a Lightning web component named commonStyleSheets and deleted html, JS file and kept only CSS file as shown in the below image. Now if I import it by using 'c/commonStyleSheets' in ...
  • 2,330
5 votes
3 answers
8k views

Is there any way to dynamically pass a value to attributes in css fie in lwc?

I'am working on a lightning web component which contains .css file having following class: .navBar2{ height:29px; } .navBar2:before{ background: red; } Is there any way i can pass dynamic value ...
  • 123
3 votes
2 answers
11k views

Importing a common CSS in LWC

How can I use a common CSS file across every LWC component? /* common style */ h1{ font-size: 2rem; color:rgb(102, 94, 94); } For Example I want to use this CSS file in every component. Can ...
1 vote
2 answers
5k views

How to bind variable in inline style in LWC? [duplicate]

The code below shows binding of attribute in Lightning component. <div style="{!'width:' + v.padAtr + '%'}"> </div> Is there any way to do the same in LWC? In LWC, i tried the below code ...
  • 123
1 vote
1 answer
469 views

Applying styling ONLY to specific class within another class in Aura component

Is there a way to apply a CSS rule to a specific class only if it is within another? For instance, if I wanted to make the background black for a class black within the class container but not set ...
  • 13
6 votes
1 answer
3k views

Using SASS/SCSS with Lightning Web Components

We are building Lightning Web Components and styling each one using the CSS file within each component folder. This is starting to become long and out of control. I understand that one could upload a ...
  • 181
0 votes
2 answers
798 views

Fields not aligned in a column in VF page

Anyone has an idea why the last 6 fields are not aligned Visualforce Page (Code for fields that are not aligned with other fields): <apex:pageBlock title="Product Information" mode="edit" ...
  • 3
1 vote
1 answer
810 views

Access Static resource stylesheet from Zip file in lightning Component

When trying to access stylesheet in lightning component it's showing error message <ltng:require styles="{!$Resource.SLDS90,'assets/styles/salesforce-lightning-design-system-vf.css'}"/> ...
  • 1,308
1 vote
1 answer
3k views

Align fields in column in VF page

This is my code: <apex:outputPanel title="Subscription List Front" id="subscriptions_list_front"> <apex:pageBlock rendered="{!show}" id="selectFront"> <apex:...
0 votes
1 answer
3k views

Custom Style on lightning:textarea

I want to add custom styling to text area height, border, color etc This is Component <lightning:textarea name="notes" value="" class="topText" label="Notes" maxlength="300" /> This is css ...
0 votes
1 answer
137 views

How to prevent embedded visualforce widget in standard page layout from becoming misaligned with other fields on window resize?

I have a visualforce page that I am embedding directly inside the standard page layout for the Products object. I am trying to make it look and feel like a native widget. I followed the suggestion ...
  • 253
0 votes
1 answer
1k views

How to dynamically add SLDS class to VF page div tag

On click of a button, I want to dynamically add 'slds-has-error' class to a div around an element. My markup is as: <apex:form id="theForm"> <!-- divContainer --> ...
  • 2,500
0 votes
0 answers
255 views

Required and error classes not applied to VF page elements

slds-required and slds-has-error classes are not getting applied to my VF page elements that are styled by SLDS. I have included the style sheet as well: <apex:stylesheet value="{!URLFOR($Resource....
  • 2,500
0 votes
1 answer
1k views

Not able to align fields in column in VF page

Can anyone please help me with styling. I even tried panelgrid and pageblock section item but nothing is working My current page image: VF page : <apex:pageBlockSection columns="2"> ...
  • 59
0 votes
0 answers
15 views

Lightning supresses custom classes in VisualForce page

I ran into an issue where a VisualForce page containing custom style classes (in the head tag), and which displays fine in Classic, gets the custom classes supressed in Lightning. If raw styles are ...
  • 31
1 vote
1 answer
366 views

How to style <apex:detail> element when page is rendered as pdf?

I need to render pdf page with content from object. To do so I put <apex:detail> element in page and it is working, but its showing other elements from page layout that I don't need in pdf. I ...
0 votes
0 answers
1k views

Lightning Component's Styling is not working in Internet Explorer?

I have developed a Lightning component for the Menu section of our Community(Napili template). All the custom stylings are working well in Chrome, Safari, Firefox except for Internet Explorer. All ...
  • 1,490
1 vote
1 answer
151 views

Lightning design css overwrites header styling

When using the latest lightning design css on a visualforce page the styling overwrites the standard styling in the header. Is there any way around this happening?
  • 11
1 vote
0 answers
266 views

Apply Classic CSS on existing Lightning component

I saw this question Apply Lightning CSS on existing Visualforce pages but i was wondering if the inverse is possible, is there a way to style a lightning component to look like a classic apex ...
  • 425
1 vote
1 answer
728 views

Is it possible to use Bootstrap in conjunction with the standard Salesforce styles?

Is it possible to use Bootstrap in a VFP without having to use standardStylesheets="false" and showHeader="false"? When I solely add in the stylesheets tag, my whole page is altered a little bit. The ...
  • 3,245
0 votes
0 answers
163 views

Attachment VF page

I am putting together VF page to render attachments, it will reside in service console so I was trying to get styling roughly aligned with other related list components. However when I set the ...
  • 169
0 votes
1 answer
28 views

Pass <br/> as part of a custom component's attribute value - compile error

Hi I tried to provide line break for the text however Iam facing this issue. </td> </tr> </table> ...
1 vote
1 answer
54 views

Use salesforce style sheets?

How can I use the built in salesforce style sheets to style a commandButton so that it looks like the (green) share button that is used in the chatter, post action? What class would I assign to ...
1 vote
1 answer
564 views

How to fix formatting in <apex:pageBlockSection

How can it be align to rest of the fields like how it has Start/End date... like to avoid using style like left-padding etc... Screen shot how it looks after it renders: Here is my VFP code that ...
  • 6,712
0 votes
1 answer
793 views

choose plus/minus icon?

Currently I'm using expand/collapse icons as shown below in the screen shot, but I'm looking to find plus/minus icon where can i find that in salesforce? .showDetail { background: ...
  • 6,712
0 votes
1 answer
137 views

Can I use the chatter api to bypass the need for salesforce standard stylesheets in my visualforce pages?

Can I use the chatter api to bypass salesforce standard stylesheets in my visualforce pages? Short explanation: I have a chatter group that is set to broadcast only, and is used for posting updates ...
  • 19
1 vote
1 answer
100 views

Styles are not displaying for End Users on Vf page

I created a VF page which uses static resources styles. The cache control property is set to public. Every thing is displaying for me. But styles are not getting applied for external users, as url is ...
  • 25
0 votes
1 answer
86 views

what css framework suits better for embedded js applications?

I have some embedded js application consuming remote scripts from Force.com, right now I'm using bootstrap but it has a lot of conflict with the Force.com default css. I want to know if there is a css ...
7 votes
1 answer
6k views

Lightning (SLDS) styling for calendar

I have designed a VF page with SLDS, which has a calendar field, how could I replace the current date proportion of the calendar field with some image/icon using SLDS? or any other solutions? Please ...
  • 1,995
4 votes
2 answers
2k views

How to target phones and tablets with media queries on a lightning app component?

How to target phones and tablets on a Lightning component using media queries only? I've been experimenting with media queries on lightning components and I was surprised with the results. Somehow on ...
3 votes
2 answers
3k views

Override salesforce styles on Visualforce page

I know that this question has already been asked before but none of these solutions does work for me. So i have page like this <apex:page standardStylesheets="false" showHeader="true" sidebar="...
  • 131
0 votes
1 answer
505 views

How to make salesforce tabs look normal even on adding external style sheets to visual force pages [duplicate]

Hi i was adding style sheet to my visual force page, it is working fibe but it is affecting default salesforce tabs look un-user-friendly. without adding style sheet it is looking like <apex:...
  • 1,499
1 vote
1 answer
6k views

how to use html link tag in visual force page

i was trying to place css styled tabs in visual force page the code for that is <apex:page > <head> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/...
  • 1,499
1 vote
1 answer
3k views

Bootstrap styles not being applied to Visualforce page as static resource

I'm working on a very simple validation of getting Bootstrap styles applied to a VF page - I have uploaded Bootstrap 3.3.4 as a static resource, have disabled the header and sidebar, and disabled ...
3 votes
1 answer
2k views

Floating divs side-by-side that contain Apex:repeat without table?

I'm an Apex developer that's trying to style a few Visualforce components within divs, but I have absolutely no web development experience so I was hoping someone could point out what I'm doing wrong ...
0 votes
1 answer
946 views

How to use the Media attribute in apex stylesheet

When I used the below code, its work fine. <link href='https://e13.salesforce.com/resource/3243243242342/resorcename/css/treeview.print.css' rel='stylesheet' media='print' /> But above is ...
0 votes
2 answers
607 views

Custom styles getting overrided by salesforce default CSS after rerendeing

I have visual force pages where i have put custom CSS and everything was working fine till yesterday. For eg I have CSS file style.css which i have included at the top my my salesforce page and it has ...
  • 161
0 votes
1 answer
3k views

How to apply CSS styles to a Rich text field in a Visualforce page

I have a Object 'A' with field 'testField1' and it has html formatted text value.. Something like this: testField1 = "<div class="text">sample text </div><div class = "boldthis"> ...
  • 8,447
0 votes
1 answer
527 views

How to add style sheet to the the detail page of a custom object?

How do i add style sheet for standard detail layout of a custom object. I have a custom object list view displayed and when user clicks on any particular record it displayed the detail page for that ...
  • 8,447
0 votes
0 answers
1k views

Issue setting font color in Visualforce page using stylesheets

I am trying to set properties on a column using a stylesheet instead of embedded style values. However I cannot get the stylesheet method to work when applying color to the text. I am fairly new to ...
  • 315
0 votes
0 answers
48 views

Saving CSS in SalesForce website

I keep getting this error that's driving me nuts whenever I try to save my CSS file. What are SalesForce' restrictions on CSS? What would cause this? I'm quite certain that there is nothing wrong ...
1 vote
1 answer
1k views

Live Agent: Custom Style for liveAgent:clientChatLog

liveAgent:clientChatLog is the VF tag which is used to display the chat transcript to a visitor. There seems to be no way of applying any kind of style to the text in this window, nor to apply custom ...
  • 2,611
1 vote
2 answers
2k views

Modify dependent inputField style

I'm experiencing an issue when trying to modify the style of an apex:inputField which is dependent from another one in a VF Page What I want to do is set the exact position of the inputField, its ...
  • 11
1 vote
2 answers
29k views

CSS styling for jquery DataTables - can't seem to make padding go away

I am new to styling and CSS, java, all that.. I've made a jquery datatable and am attempting it to style it to my requirements. There is cell spacing or padding that is not going away no matter what I ...
  • 95
4 votes
1 answer
3k views

inputfield with type date using twitter bootstrap

I have a page that contain inputField with type (date), And I used bootstrap framework css and turned off the standard style sheet.. but the date field appeared without datepicker and i put type="date"...
2 votes
3 answers
17k views

Change style of pageblock header standard style

I want to change some style attributes of pageblock header, like padding-bottom or hight.
9 votes
5 answers
8k views

How to ignore Salesforce CSS on VF Page (with header)

I've been working on a Visualforce page using remoting, and am trying out building a custom UI to go along with it (not using any VF tags for the UI). While I'm aware that you can leverage ...