Customizing The Order Bump
CSS Used In Video:
/* Order Bump formatting */
/* Deletes the flashing arrow */
.bump--flashing-arrow {display: none !Important;}
/* Order bump headline container */
.order-bump-container .main-section {padding-left: 15px !Important; padding-right: 15px !Important; border-radius: 0px !Important; background-color: #HEXCODE !Important;}
/* OTO Headline */
.oto-headline {color: #HEXCODE !Important;}
/* Order bump headline */
.order-bump-container .headline {color: #HEXCODE !Important;}
/* Order bump container - entire row of order bump area */
.order-bump-container {border-radius: 0px !Important; border: 1px solid #HEXCODE !Important; background-color: #HEXCODE !Important; padding: 15px !Important;}
/* Order bump description text */
.order-bump-container p {color: #HEXCODE !Important; padding-left: 38px !Important; padding-right: 38px !Important;}
/* Adjust spacing around image */
img {margin-top: 25px !important; margin-bottom: 0px !important; margin-right: 0px !important; margin-left: 0px !important;}