Fixing Powder Product Ranking
Fixing Powder Product Ranking
Best viewed on Desktop
/* Here you can add custom CSS for the current table */
/* Lean more about CSS: https://en.wikipedia.org/wiki/Cascading_Style_Sheets */
#supsystic-table-126 { border-left: black 1px solid;
}
#supsystic-table-126 tbody { border-top: black 1px solid;
}
#supsystic-table-126 tbody tr { border-bottom: black 1px solid;
}
#supsystic-table-126_wrapper {
}
/*.supsystic-table-5_wrap {
border-style: solid;
position: relative;
width: 250px;
overflow: hidden;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}*/
#supsystic-table-126 tbody td {
border-right: black 1px solid;
}
#rcorners1 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 65px;
height: 10px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
.step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#step {
background: #d5519d;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
color: #ffffff;
display: inline-block;
/*font-weight: bold;*/
line-height: 2.1em;
margin-right: 1px;
text-align: center;
width: 2.1em;
}
#rcorners2 {
border-radius: 20px;
background: #bfbfbf;
padding: 10px;
width: 1055px;
height: 10px;
text-align: center;
padding-bottom:10px;
color: #ffffff;
}
#circle-text {
display: table-cell;
height: 200px; /*change this and the width
for the size of your initial circle*/
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
/*make it pretty*/
background: #d34298;
color: #fff;
font: 18px "josefin sans", arial; /*change this
for font-size and font-family*/
}
.solid {
border-style: solid;
}
WP Table Builder
| Rank | Brand | 2019 | 2020 | Previous Rank | ||
| 1 |  | MAC | 43% | 41% | 1 | - |
| 2 |  | Laura Mercier | 20% | 17% | 2 | - |
| 3 |  | Make Up Forever | 10% | 9% | 3 | - |
| 4 |  | NYX | 0% | 4% | 21 |  |
| 5 |  | Anastasia Beverly Hills | 2% | 4% | 9 | |
| 6 |  | Benefit Cosmetics | 5% | 4% | 5 |  |
| 7 |  | L'Oreal | 6% | 2% | 4 | |
| 8 |  | Nars | 3% | 2% | 7 | |
| 9 |  | Samer Khouzami | 2% | 2% | 8 | |
| 10 |  | Inglot | 3% | 2% | 6 | |
| 11 |  | Maybelline | 1% | 2% | 12 | |
| 12 |  | Chanel | 1% | 1% | 11 | |
| 13 | #N/A | Flormar | 0% | 1% | 96 | |
| 14 |  | Ben Nye | 1% | 1% | 10 | |
| 15 |  | Bassam Fattouh Cosmetics | 0% | 1% | 43 | |
| 16 |  | HourGlass | 0% | 1% | 22 | |
| 17 | #N/A | Pastel | 0% | 1% | 165 | |