Skip to content

Instantly share code, notes, and snippets.

View frankcaron's full-sized avatar

Frank Caron frankcaron

43 followers · 54 following
View GitHub Profile
@frankcaron
frankcaron / SlideDown.css
Created October 7, 2019 02:43
CSS for slick slide-down animation
.THIS div.offer-box {
margin-bottom: -5px;
}
.THIS div.offer-box-ineedspacebro {
animation: gimmespace 2s;
margin-bottom: 10px;
overflow: hidden;
}
@frankcaron
frankcaron / sfdc-dxp-flowOverrideStyles.css
Last active April 2, 2024 16:50
Salesforce Experience Cloud - Flow Style Accelerator
/* ========= Frank's Front-End Fun Fridays =============
/* =============== Sept 4, 2020 Edition ================
/* =============== Revised: October 23 ================
/*
This snippet of CSS can be added to a Salesforce Experience theme to
override and restyle an embedded Flow. Keep in mind that this CSS may not work
indefinitely if specific class names in the core product are changed in the future.
Be sure to use the out-of-the-box config tools that make
@frankcaron
frankcaron / sfdc-dxp-recordListViewOverrideStyles.css
Last active October 19, 2022 17:33
Salesforce Experience Cloud - Record List View Accelerator
/* ========= Frank's Front-End Fun Fridays =============
/* =============== Oct 2, 2020 Edition ================
/*
This snippet of CSS can be added to a Salesforce Experience theme to
override and restyle a record list view. Keep in mind that this CSS may not work
indefinitely if specific class names in the core product are changed in the future.
Be sure to use the out-of-the-box config tools that make
Experience Cloud so great whenever you can! And let it be said, Record List Views
@frankcaron
frankcaron / sfdc-dxp-pathOverrideStyles.css
Last active November 6, 2023 06:48
Salesforce Experience Cloud - Path Style Accelerator
/* ============= Tweak the Path bar ============ */
/* Change the text of each step in the path */
.slds-path__title {
font-family: Open Sans;
font-size: 1em;
}
/* Tweak the borders of every path item */
.slds-path__nav .slds-path-__item {
@frankcaron
frankcaron / sfdc-dxp-recordListPanelOverride.css
Last active September 25, 2020 13:05
Salesforce Experience Cloud - Record List Component Accelerator
/* ========= Frank's Front-End Fun Fridays =============
/* =============== Sept 18, 2020 Edition ================
/*
This snippet of CSS can be added to a Salesforce Experience theme to
override and restyle a record list component. Keep in mind that this CSS may not work
indefinitely if specific class names in the core product are changed in the future.
Be sure to use the out-of-the-box config tools that make Experience Cloud so great whenever you can!
Big thanks to Addison Faul for partnering with me on this one.
@frankcaron
frankcaron / sfdc-dxp-clientPortalTweaks.css
Last active November 20, 2020 12:56
Salesforce Experience Cloud - Financial Services Client Portal Tweaks
/* ========= Frank's Front-End Fun Fridays =============
/* =============== Nov 20, 2020 Edition ================
/*
This snippet of CSS can be added to a Salesforce Experience theme to
override and alter the Client Portal template for Financial Services. Keep in mind
that this CSS may not work indefinitely if specific class names in the core product
are changed in the future.
Be sure to use the out-of-the-box config tools that make Experience Cloud so great
whenever you can!