frankcaron

/* ========= 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

/* ============= 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

/* ========= 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

/* ========= 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! 

frankcaron

/* ========= 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

.THIS div.offer-box {
    margin-bottom: -5px;
}

.THIS div.offer-box-ineedspacebro {
    animation: gimmespace 2s;
    margin-bottom: 10px;
    overflow: hidden;
}