[Dr. Halidu Shokunbi]

I have read on other forum posts about how to do the following

1. Remove Add More button from product page
2. remove sign in links/options
3. remove create password option from checkout page
4. Make text black
5. Hide "Continue shopping" button using following code
6. Change standard "Go to Checkout" button styles and position

I have followed the instructions on those threads and created an new theme with changed code (see attachment). However, the only code that worked was the coded used to remove the sign-in option from the product page and remove the password option from the checkout page. However, the text is still not black, the checkout page still has sign in option, the add more button is still present on the product page, Continue shopping button is still present, no change to go to checkout button. Please advise

http://www.drhalidfit.com/store/#!/S...380/category=0

[Wendy]

Originally Posted by Dr. Halidu Shokunbi

I have read on other forum posts about how to do the following

1. Remove Add More button from product page
2. remove sign in links/options
3. remove create password option from checkout page
4. Make text black
5. Hide "Continue shopping" button using following code
6. Change standard "Go to Checkout" button styles and position

I have followed the instructions on those threads and created an new theme with changed code (see attachment). However, the only code that worked was the coded used to remove the sign-in option from the product page and remove the password option from the checkout page. However, the text is still not black, the checkout page still has sign in option, the add more button is still present on the product page, Continue shopping button is still present, no change to go to checkout button. Please advise

http://www.drhalidfit.com/store/#!/S...380/category=0
Attachment 3293

Hello,

I am sorry that you faced this issue.

Recently we released a new layout of Ecwid storefront buttons and icons. After the release some CSS codes that you can find in the help pages became outdated.

At this moment our agents are working on the new instructions and we will surely post the updated CSS codes on our forums soon. In the meantime, please, use the following code which I created for you:

/* Remove Add More button from product page */
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--addMore {
    display: none;
}
/* remove sign in links/options */
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--sign_in {
    display: none;
}
/* Make text black */
.ecwid div, .ecwid span, .ecwid a, .ecwid p {
    color: black !important;
}
/* Hide "Continue shopping" button */
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--continueShopping,
.ecwid-btn.ecwid-btn--primary.ecwid-btn--continueShopping {
    display: none;
}

You should place this code in your Ecwid control panel > Settings > Design > choose your active CSS theme and add the code into the field. Save the changes and refresh the store page.

In order to change the 'Go to checkout' button, you should use custom CSS code as well. This button is CSS-based as well as all other buttons in the storefront. It means, you can change the look of such buttons using CSS code only, no images are needed. You'll find the instruction in this article: https://help.ecwid.com/customer/portal/articles/1163999 This article explains how to change the 'Buy now' buttons, but the process is the same for each CSS-based button. You need to create a CSS rule for this CSS class:

.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag

For example, I tried the 'Minimal' button from this samples list. The author published the button codes at this link: https://github.com/ubuwaits/css3-but...ts/buttons.css I grabbed the Minimal's button CSS code from there and slightly updated it.

.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag {
  background: #e3e3e3;
  border: 1px solid #bbb;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 8px 0 9px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 150px; 
}
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
     }
.ecwid-btn.ecwid-btn--secondary.ecwid-btn--openBag:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; 
}

If you have other concerns, please feel free to write me back and it will be my pleasure to assist you further. Have a wonderful day!

[Dr. Halidu Shokunbi]

Wow, thanks a lot Wendy. That all worked. The only other things I'd like to change is the text size on all store pages if possible (right now it's tiny), and remove "or" from "Enter your e-mail or" on the checkout page. I tried different code but nothing has worked. Any help will be much appreciated

[Wendy]

Originally Posted by Dr. Halidu Shokunbi

Wow, thanks a lot Wendy. That all worked. The only other things I'd like to change is the text size on all store pages if possible (right now it's tiny), and remove "or" from "Enter your e-mail or" on the checkout page. I tried different code but nothing has worked. Any help will be much appreciated

Hi,
My pleasure to help.

In order to change the font size on all store pages, please, use this CSS code:

.ecwid div, .ecwid span, .ecwid a, .ecwid p {
    font-size: large;
}

You can change "Enter your e-mail or" text with the help of custom translation script:

<script>
ecwidMessages = {
"PaymentDetails.enter_email":"Enter your e-mail"
}
</script>

Add the script in the source code of the page with your Ecwid store as it is described in this article https://help.ecwid.com/customer/port...ationWordpress

[Dr. Halidu Shokunbi]

Beauty and brains, you da best Wendy!