Team – Style 03

Description

• team (list simple) with 2 lines section title, item title will have name + position, quote icon
• view demo – password: abc
• buy me a coffee

#1. Install Code

#1.1. First, make sure you use List Simple

#1.2. Enable these options

#1.3. at Section Title, enter 2 lines text like this. You can make some words italic

#1.4. Next, use symbol: ## in item title

#1.5. Next, hover on top right of section > Click EDIT SECTION > at Format > Anchor Link > enter word: team-style-03

#1.6. Next, hover on page where you use List > Click Gear icon > Click Advanced > Paste this code

<!-- 10.26c12v3 Team - Style 03 -->
<script>
window.teamStyle03Options={
  sectionId:"team-style-03",
  sectionTitleFirstLineSize:"14px",
  sectionTitleFirstLineColor:"#AD6444",
  sectionTitleItalicTextColor:"#AD6444",
  cardBorder:"1px solid #DDD4CA",
  cardPaddingTop:"44px",
  cardPaddingRight:"46px",
  cardPaddingBottom:"54px",
  cardPaddingLeft:"46px",
  cardMinHeight:"",
  quoteSymbol:"“",
  quoteSize:"54px",
  quoteColor:"#AD6444",
  quoteSpacing:"12px",
  descriptionSpacing:"34px",
  itemTitleLineGap:"8px",
  itemTitleSecondLineColor:"#77716D",
  itemTitleSecondLineSize:"",
  cardPaddingMobileTop:"30px",
  cardPaddingMobileRight:"28px",
  cardPaddingMobileBottom:"36px",
  cardPaddingMobileLeft:"28px",
  mobileBreakpoint:767
};
</script>
<script src="https://code.beaverhero.com/listsimple/1026c12v3teamstyle03.js"></script>

#2. Customize

All style options here (line 05 – line 25)

sectionTitleFirstLineSize:"14px",
sectionTitleFirstLineColor:"#AD6444",
sectionTitleItalicTextColor:"#AD6444",
cardBorder:"1px solid #DDD4CA",
cardPaddingTop:"44px",
cardPaddingRight:"46px",
cardPaddingBottom:"54px",
cardPaddingLeft:"46px",
cardMinHeight:"",
quoteSymbol:"“",
quoteSize:"54px",
quoteColor:"#AD6444",
quoteSpacing:"12px",
descriptionSpacing:"34px",
itemTitleLineGap:"8px",
itemTitleSecondLineColor:"#77716D",
itemTitleSecondLineSize:"",
cardPaddingMobileTop:"30px",
cardPaddingMobileRight:"28px",
cardPaddingMobileBottom:"36px",
cardPaddingMobileLeft:"28px",