pCon.ui

Example

→ you want to change the color of the ADD TO CART button, eliminate the round corners and hide the quantity field.

#egr_add_to_basket {
    background-color: black;
    color: white;
    border-radius: 0px
}
 
#egr_add_to_basket_x {
    display: none
}
 
#egr_add_to_basket_number {
    display: none
}

Example

→ you want to change color of SEND REQUEST button, hide the envelope icon and eliminate the round corners.

#egr_send_request {
    background-color: black;
    color: white;
    border-radius: 0px;
    text-align: center
}
 
#egr_send_request .egr_footer_icon {
    display: none
}

Example

→ you want to change the background color of TOTAL and add text decoration to the price.

#egr_footer_price {
    font-weight: bold
}
 
#egr_footer_price_label {
    background: yellow
}
 
#egr_footer_price_value {
    text-decoration-line: overline underline;
    text-decoration-color: blue;
}

Example

→ you want to change background color of discount percentage, add border radius and add text decoration to original price.

#egr_footer_price_discount_original {
    text-decoration: line-through
}
 
#egr_footer_price_discount_value {
    background-color:  #71c419;
    border-radius:5pX;
    padding: 2px;
    color: black
}

Example

→ You want to change the active indicator, the selected colors and colors of the tabs

#egr_tabs button {
    background-color: gray;
    color: white;
 
}
 
#egr_tabs button[aria-selected=true] {
    color: black;
}
 
#egr_tab_indicator {
    background-color: red;
}