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
37 views

Public Site URL visualforce page is coming up in classic instead of lightning for Guest User

I have created a public URL using sites. The site page has a custom visualforce page as the Active Site Home Page. My issue is that when I open the public URL, the Visualforce page is coming up in ...
Madhurima's user avatar
  • 1,265
0 votes
1 answer
697 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 ...
Giorgos Galaios's user avatar
0 votes
0 answers
211 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 ...
Pankaj Andhale's user avatar
0 votes
1 answer
555 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 ...
Pankaj Andhale's user avatar
0 votes
0 answers
178 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 ...
patriciajlim's user avatar
-2 votes
1 answer
947 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).
Akshay_SFDC's user avatar
3 votes
2 answers
17k 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 ...
Daniel Deepak's user avatar
0 votes
1 answer
188 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 ...
Irene's user avatar
  • 1,763
1 vote
2 answers
4k 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:...
thinker's user avatar
  • 1,402
1 vote
1 answer
965 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 ...
jesstp's user avatar
  • 13
0 votes
1 answer
147 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. <...
Noa Oshima's user avatar
1 vote
1 answer
7k 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 ...
Przemysław Długoszewski-Tamoń's user avatar
1 vote
2 answers
665 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-...
Quest_sfdc's user avatar
4 votes
0 answers
595 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 ...
AjaySFDC's user avatar
  • 618
7 votes
1 answer
2k 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 ...
Guy Clairbois's user avatar