Skip to content

Instantly share code, notes, and snippets.

@swayanshu-apbr
Last active September 29, 2022 15:56
Show Gist options
  • Save swayanshu-apbr/b2949328b16130a65648df3541f787b8 to your computer and use it in GitHub Desktop.
Save swayanshu-apbr/b2949328b16130a65648df3541f787b8 to your computer and use it in GitHub Desktop.
judge widget css override for bsc
body {
font-family: Roboto;
-webkit-font-smoothing: antialiased !important;
margin: 16px !important;
}
.jdgm-rev-widg__title {
font-family: Roboto !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 18px !important;
line-height: 32px !important;
text-align: center !important;
text-transform: uppercase !important;
color: #023142;
margin-bottom: 30px !important;
}
.jdgm-star,
.jdgm-histogram .jdgm-star {
color: #23518f !important;
}
.jdgm-histogram {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
.jdgm-widget-actions-wrapper {
display: none;
}
.jdgm-rev-widg__summary-text {
font-family: Roboto;
font-style: normal;
font-weight: 700 !important;
font-size: 16px;
line-height: 19px !important;
color: #000;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 4px !important;
}
.jdgm-histogram__bar {
box-shadow: none;
border: none;
height: 4px !important;
}
.jdgm-histogram__bar-content {
background: #23518f !important;
box-shadow: none;
}
.jdgm-histogram__percentage {
color: #999 !important;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 16px !important;
}
.jdgm-histogram__frequency {
color: #999 !important;
font-weight: 400 !important;
font-size: 10px !important;
line-height: 14px !important;
margin-left: 0 !important;
}
.jdgm-rev-widg__sort-wrapper,
.jdgm-subtab {
display: none !important;
}
.jdgm-rev {
border-width: 1 !important;
border-bottom: 1 !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-color: #eddad8 !important;
border-style: solid !important;
background: #fff !important;
}
.jdgm-rev .jdgm-rev__title {
font-family: Roboto !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 150% !important;
color: #000 !important;
margin-bottom: 8px !important;
margin-top: 8px !important;
}
.jdgm-rev__body {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
color: #000;
margin-bottom: 8px !important;
}
.jdgm-rev__author-wrapper {
font-family: Roboto;
font-style: normal;
font-weight: 500 !important;
font-size: 16px;
line-height: 14px !important;
color: #000;
}
.jdgm-rev .jdgm-star {
color: #23518f !important;
}
.jdgm-rev__timestamp {
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 150%;
color: #a3a3a3;
float: right;
position: relative;
}
.jdgm-rev__buyer-badge {
font-family: Roboto;
font-style: normal;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 125% !important;
color: #a3a3a3 !important;
background: #fff !important;
padding: 0 !important;
margin-bottom: 4px !important;
}
.jdgm-rev__header,
.jdgm-rev__content {
padding: 0 !important;
}
.jdgm-rev-widg {
border: none !important;
}
.jdgm-rev-widg__summary-inner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.jdgm-rev-widg__summary {
float: none !important;
}
.jdgm-rev-widg__summary-text {
text-transform: lowercase;
}
.jdgm-rev__icon {
display: none;
}
.jdgm-rev__social {
display: none !important;
}
.write_a_review_button {
width: 100%;
/* margin-left: 16px;
margin-right: 16px; */
border-radius: 8px;
border: 1px solid #2f68b6;
height: 44px;
background-color: transparent;
color: #2f68b6;
margin-bottom: 36px !important;
}
.jdgm-link {
text-decoration: none !important;
}
/*
.jdgm-rev-widg__summary-text {
display: none !important;
} */
.rating-heading {
font-style: normal;
font-weight: 700;
font-size: 28.6452px;
line-height: 37px;
color: #171717;
margin-right: 12px !important;
}
.jdgm-rev-widg__summary-stars .jdgm-star {
font-size: 22 !important;
}
.jdgm-rev-widg__summary-average {
pointer-events: none !important;
}
.jdgm-rev__buyer-badge-wrapper {
align-self: self-end !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment