I have a few challenges

Solved
Shano96
Tourist
46 0 4

Hello dear team, I have a few challenges. Can someone help me ?

 

1.how can I change the color of the yellow bar ? The bar is about ''Dir fehlen noch €xx,xx zum kostenlosen Versand'' (See picture). I would like the bar to be red like this colorcode #CC3333.

Bildschirmfoto 2021-04-26 um 22.53.19.png

 

 

 

 

2.How can I put the Euro sign after the number. So 40,10€ (See Picture)

 

Bildschirmfoto 2021-04-27 um 08.30.27.png

 

3.How can i center the icons in the footer in the mobile version? (See picture)

Bildschirmfoto 2021-04-27 um 08.46.25.png

 

4. Lastley, I would like the spacing of the icons and ''Produktinformation'' to be closer together in the mobile version (see picture) How can i do this ?

Bildschirmfoto 2021-04-27 um 08.42.13.png

 

If we can find a solution there, I would be very happy!



Thank you very much.

 

JHKCreate
Shopify Partner
2499 411 595

Hi @Shano96 

Would you mind sharing your store's URL so we can provide a solution for all of this?

Regarding #2, you have to adjust this from "Settings" -> "General" then go all the way to currency formatting and adjust as per Shopify's recommendation here: Money filters (shopify.dev)

Let me know

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Shano96
Tourist
46 0 4

Hey @JHKCreate 

 

number 2 is solved.  Thank you very much. I sent you my website privately because I don't want it to be seen publicly.

0 Likes
JHKCreate
Shopify Partner
2499 411 595

This is an accepted solution.

For #1 I see you've already added the red bar, great!

For #3 add the following code to your theme.scss.css file:

.payment-icon-img {
    margin: auto;
    float: inherit!important;
}

For #4 add the following code to your theme.scss.css file:

div#shopify-section-product-policies {
    display: none;
}

 

Let me know if that works!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Shano96
Tourist
46 0 4

@JHKCreate 

Wow, I am thrilled. It worked. Thank you very much.

With number 1 it's like this, if it's only at 27% the bar is red, but if now for example one more product is added, the bar is yellow.

0 Likes
JHKCreate
Shopify Partner
2499 411 595

This is an accepted solution.

For #1 add the following code to see:

.bg-warning {
    background-color: #dc3545!important;
}

 

Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Shano96
Tourist
46 0 4

@JHKCreate You are really a machine. Thank you haha

My biggest challenge is to remove the two express buttons in checkout. I have followed several tutorials but unfortunately to no avail. Could you take a quick look over there or give me a hint?

 

Bildschirmfoto 2021-04-28 um 21.19.27.png

Thank you from the bottom of my heart.  

0 Likes
JHKCreate
Shopify Partner
2499 411 595

You're welcome!

When it comes to checkout there really isn't a way to hide any of that unless you're on Shopify Plus unfortunately! Can't really help you on this one!

Should you need anything else, please don't hesitate to tag us or send us an email or a message!

Auf Wiedersehen !

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
Shano96
Tourist
46 0 4

@JHKCreate All right, I know, possibly with an app I would hide the buttons or ?

 

Possibly one last question, then I'm done.

When I press the send button, a new page opens. Do you know how I can separate the distance between the menu line and the text?

And probably there is a bug here because it doesn't show all my text, so I left out the Switzerland on the current shipping. I don't know why it says that.

Could you possibly help me there still?

Bildschirmfoto 2021-04-25 um 18.48.56.pngBildschirmfoto 2021-04-25 um 18.53.26.png

0 Likes
JHKCreate
Shopify Partner
2499 411 595

This is an accepted solution.

@Shano96 for the Express Checkout no apps can do this, the checkout is locked when you're not on Shopify Plus.

As for your issue, please add this code:

#MainContent > div.shopify-policy__container {
    margin-top: 40px;
    margin-bottom: 40px;
}


If it doesn't work, add the following inside your theme.liquid file:

<style>
#MainContent > div.shopify-policy__container {
    margin-top: 40px;
    margin-bottom: 40px;
}
</style>

The text appears complete in the code, can you add everything else you need?

Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com