Add to cart Button missing

Annie this is the css code for white text

.cart_item.rpress_checkout.blue a, .rpress-popup-actions .submit-fooditem-button.blue, .btn.btn-block.btn-primary.blue, .rpress-cart .rpress_checkout.blue a, html body #rpressModal .rpress-delivery-wrap.blue .nav-pills>li.active>a, html body #rpressModal .rpress-delivery-wrap.blue .nav-pills>html body #rpressModal .rpress-delivery-wrap.blue li.active>html body #rpressModal .rpress-delivery-wrap.blue a:hover {
    color: white;
}

• This reply was modified 4 years, 6 months ago by Lefteris Toumanidis.

Hi Lefteris Toumanidis,

Thanks for the CSS, but that does not work.
However, I must apologize, thought we had the same problem, but yours is different.

Providing the CSS was very kind of you, but I will try figure that out, do not waste any more time on that.

I will start a separate topic for my questions, and keep this one open for yours.

Thanks and thumbs up that you find your culprit or get the help you need!

Annie

You’re right what I sent you didn’t work right and I later found out why it didn’t work. A while ago, I fixed the CSS on my site. Take a look now on my site and if you like it then I will send you the whole CSS code to change the colors.

Hi Lefteris Toumanidis,

Really, I won’t say no to that haha, you are very kind, thank you!
I do love the styling on your site, much better with + signs too.

Annie

PS. I did no longer have to refresh the page on your site either!

Here is the full CSS code. You can change the colors HEX.

/*************** Restropress Style *********************/
.rpress_fooditems_list h5.rpress-cat {
    width: 100%;
    margin-bottom: 10px;
    text-transform: capitalize;
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #6E0AA1;
}

ul.rpress-category-lists li.rpress-category-item a {
    padding-right: 35px;
    color: black;
    font-size: 18px;
}

ul.rpress-category-lists li.rpress-category-item a:hover {
    color: #8300e9;
    font-size: 18px;
}

ul.rpress-category-lists li.rpress-category-item a:active {
    color: #8300e9;
    font-size: 18px;
	font-weight:bold;
}

/************ Modal Delivery - Pickup add Update Button *******************/
.cart_item.rpress_checkout.blue a, .rpress-popup-actions .submit-fooditem-button.blue, .btn.btn-block.btn-primary.blue, .rpress-cart .rpress_checkout.blue a, html body #rpressModal .rpress-delivery-wrap.blue .nav-pills > li.active > a, html body #rpressModal .rpress-delivery-wrap.blue .nav-pills > html body #rpressModal .rpress-delivery-wrap.blue li.active > html body #rpressModal .rpress-delivery-wrap.blue a:hover {
    background: #8300e9;
}

/************ Categories Title ***************************/
.rpress-sidebar-cart-wrap .rpress-clear-cart.blue:hover, .rpress-sidebar-cart-wrap .rpress-clear-cart.blue:hover, a.nav-link.blue:hover, .rpress_fooditems_list h5.rpress-cat.blue, ul.rpress-cart span.cart-total.blue, .special-margin.blue a, .special-inst.blue a, .rpress-submit.button.blue .rpress-add-to-cart-label, .btn.btn-block.btn-primary.blue:hover, .delivery-change.blue {
    color: #fff;
}

/******* FoodItems H5 Categories ************/
.rpress_fooditems_list h5.rpress-cat.blue{
	color: #fff;
    background: #8300e9;
	border-radius: 10px;
    padding-left: 5px;
    padding-top: 5px;
}

/******************* Add Button - label *********************/
.rpress-submit.button.blue .rpress-add-to-cart-label {
    color: #8300e9;
    background-color: #f9f9f9;
}

/*************** Add Button - button **************************/
.rpress-submit.button.blue {
    color: #8300e9;
    background: #b542ca;
    border-color: #8300e9;
}
.rpress-submit.button.blue.active, .rpress-submit.button.blue:focus, .rpress-submit.button.blue:hover {
    color: #fff;
    background: #8300e9;
    border-color: #8300e9;
}

/*********** Restropress Profil ************************/
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    background-color: #e2e2e2;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
    border: 0;
    margin-top: 7px;
    padding: 11px 14px;
    width: 100%;
}
#rpress_profile_editor_form label {
    display: block;
}
#rpress_purchase_submit .rpress-submit, #rpress_login_submit, #rpress-purchase-button {
    padding: 5px 15px;
}

.rpress-submit.button.red {
    color: #fff;
    background: #8b0aa2;
    border-color: #8b0aa2;
}
#rpress-purchase-button, .rpress-submit, [type=submit].rpress-submit {
    display: inline-block;
	background-color: #8b0aa2;
	color: white;
    padding: 8px 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dca57d;
    border-radius: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/******************************************/

Cool, thanks a lot!
Will try it soon.

Annie

Hi,

Looks really nice, thanks a lot for the CSS!
https://logologics.nl/kok2/food-items/

Not sure yet if the background color is in there, to change the letters to white or background of that button to green, I will look into that later, but apart from that it looks awsome, thank you!

https://www.screencast.com/t/lMSmT9fOT

• This reply was modified 4 years, 6 months ago by LogoLogics.