Select Options

Hi @smartmeals

It seems most of the product have “Select Options” but there’s some CSS issue.

Check CSS under /wp-content/themes/salejunction-pro-New/style.css or You can replace Line no: 4996 to 5019 with below code and it’ll work smooth.

.productlisting .pgallery .product-thumbnail .product-list .add_to_cart_button,
.productlisting .pgallery .product-thumbnail .product-list .added_to_cart{
    color:#fff !important;
}
.productlisting .pgallery .product-thumbnail .product-list .add_to_cart_button:before{
    position: absolute;
    content: "\f217";
    font-family: "FontAwesome";
    font-size: 16px;
    border: 1px solid green;
    padding: 5px 7px;
    color: green;
    top: -8px;
    right: -4px;
}
.productlisting .pgallery .product-thumbnail .product-list a.add_to_cart_button,
.productlisting .pgallery .product-thumbnail .product-list a.add_to_cart_button.added{
    width: 100%;
}

• This reply was modified 4 years, 11 months ago by Group Of Oceninfo.

I want to make sure that I do this correctly, this is the css it will replace, can you verify that -I have never done this. Thank you.

border-bottom:none;
}
#menu .ddsmoothmenu li li a:after ,
#menu .ddsmoothmenu li li:last-child a:after {
width:100%;
content:”;
position:absolute;
left:0;
top:0;
}
#menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after {
border-top:none;
border:none;
}
#menu .ddsmoothmenu li li:last-child a:after {
bottom:0;
}
* html #menu .ddsmoothmenu li li a {
display:inline-block;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
text-shadow:none;
color:#AC470E;
background:#f5f5f5;