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
0 votes
0 answers
19 views

VF Page lightningStylesheets and pagination

I have a VF page that is using lightningStylesheets attribute and was wondering does the attribute effect the ability to add custom pagination tot he VF page? I have seen examples of adding ...
user avatar
  • 389
0 votes
1 answer
192 views

Visualforce page in Partner Communities shown in Classic UI

I have implemented some VF Pages that use lightningStylesheets="true". As internal user, the page is displayed properly, however when i log in as a Partner user, the pages are shown with the ...
user avatar
0 votes
0 answers
96 views

Issue with PageBlockSection alignment in lightning experince

I have Vf page which is supposed to be used in lightning experience. I changed the styling using standard attribute lightningStylesheets="true". But when using PageBlockSection with one ...
user avatar
0 votes
1 answer
228 views

Rendering header menu for vf page in lightning experience

I have a vf page which needs to be visible in both classic and lightning experience. I added lightningStyleSheets="true" to enable lightning kind of styling in lightning experience for the ...
user avatar
0 votes
0 answers
97 views

How to use lightningStyleSheets in a salesforce community or force.com site

I applied lightningStyleSheets="True" to my VF page and it does not show the lightning style when the component is added to a community. How can I achieve a lightning look in the VF page ...
user avatar
-2 votes
1 answer
599 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).
user avatar
  • 113
2 votes
2 answers
8k 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 ...
user avatar
0 votes
1 answer
114 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 ...
user avatar
  • 1,387
1 vote
2 answers
3k 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:...
user avatar
  • 1,258
1 vote
1 answer
537 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 ...
user avatar
  • 13
0 votes
1 answer
130 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. <...
user avatar
1 vote
1 answer
6k 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 ...
user avatar
1 vote
2 answers
567 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-...
user avatar
3 votes
0 answers
306 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 ...
user avatar
  • 585
7 votes
1 answer
1k 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 ...
user avatar