Questions tagged [lightningstylesheets]

Questions related to the apex:page attribute for styling existing visualforce pages with Lightning Experience Stylesheets

Filter by
Sorted by
Tagged with
7
votes
1answer
961 views

Use LightningStylesheets=true on Lightning Community

We are developing a new Lightning Community to replace our Partner Community. However, when we use our visualforce pages with LightningStylesheets=true on the Lightning Community, the Lightning ...
2
votes
1answer
294 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 ...
2
votes
0answers
204 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 ...
1
vote
2answers
262 views

Increase Spacing Between Lightning-Icon and title

Trying to get the spacing between this icon and text. Any advice? <h3 slot ="title" class="slds-card__header-title slds-media__body"> <lightning-icon icon-name="standard:...
1
vote
1answer
4k 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 ...
0
votes
1answer
32 views

How do I align my lightning styled options in a Visualforce page?

I have a Visualforce page with a selectlist, an inputfield and some buttons. The Selectlist label is above the selection, which makes the alignment funny for the other fields. Any idea how I can fix ...
0
votes
1answer
77 views

How can I link to an external font stylesheet in Communities?

I've tried to add <link rel="stylesheet" href="https://use.typekit.net/example.css" /> to my ThemeLayout.cmp and listed the font name in my css sheet under the faont-family, but it doesn't seem ...
0
votes
1answer
85 views

width adjustment of <apex: inpurfield> when using LightningStylesheets

When I set LightningStylesheets ="true" in Visualforce, the width of widened. How can I adjust the width? Also, it will be helpful if you can tell me how to change the color of the background. <...
0
votes
2answers
402 views

LightningStyleSheets Attribute

In my VF page I am using lightningStyleSheets=true attribute to make it look like lightning experience. There also is a layover in the same page, which shows up on a button click and looks like a pop-...
-2
votes
1answer
52 views

How can i create custom colored breadcrumb in LWC? [closed]

I want colored breadcrumb something like this. Please help me with designing the shape of each column (arrows shaped).