Orderconfirmation: How can i change the Color in the Buttons?

Store Design
1

Hello,

I have the following problem and hope for your help:

For the order confirmation I would like to have a light yellow tone as color, but now the problem is that I can only change the accent color but not the font color inside the button. How can I make the font inside the button black?

I have attached my HTML code of the order confirmation and a screenshot with the problem.

Thanks in advance!

{% capture email_title %}Vielen Dank für deinen Einkauf! {% endcapture %}
{% capture email_body %}
{% if requires_shipping %}
{% case delivery_method %}
{% when ‘pick-up’ %}
Du erhältst eine E-Mail, sobald deine Bestellung zur Abholung bereit ist.
{% when ‘local’ %}
Hallo {{ customer.first_name }}! Wir bereiten deine Bestellung gerade für die Zustellung vor.
{% else %}
Hallo {{ customer.first_name }}! Wir bereiten deine Bestellung gerade für den Versand vor. Wir benachrichtigen dich, sobald die Bestellung verschickt wurde.
{% endcase %}
{% if delivery_instructions != blank %}

Informationen zur Zustellung: {{ delivery_instructions }}

{% endif %} {% endif %} {% endcapture %} {{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
{%- if shop.email_logo_url %} {{ shop.name }} {%- else %}

{{ shop.name }}

{%- endif %} 		Bestellung {{ order_name }}

{{ email_title }}

{{ email_body }}

{% if order_status_url %}
Bestellung ansehen
{% if shop.url %}
oder Zu unserem Shop
{% endif %}

{% else %}
{% if shop.url %}

Zu unserem Shop
{% endif %}

{% endif %}

{% assign gift_card_line_item = line_items | where: “gift_card” %}
{% if gift_card_line_item.first %}

Geschenkgutschein

Du erhältst separate Benachrichtigungen für Geschenkgutscheine.
{% endif %}

Bestellübersicht
{% for line in subtotal_line_items %} {% endfor %}
{% if line.image %} {% endif %} {% if line.product.title %} {% assign line_title = line.product.title %} {% else %} {% assign line_title = line.title %} {% endif %}

{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}

{{ line_title }} × {{ line_display }}

{% if line.variant.title != ‘Default Title’ %}
{{ line.variant.title }}

{% endif %}

{% if line.selling_plan_allocation %}
{{ line.selling_plan_allocation.selling_plan.name }}

{% endif %}

{% if line.refunded_quantity > 0 %}
Zurückerstattet
{% endif %}

{% if line.discount_allocations %}
{% for discount_allocation in line.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != ‘all’ %}



{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})


{% endif %}
{% endfor %}
{% endif %}

 {% if line.original_line_price != line.final_line_price %} {{ line.original_line_price | money }} {% endif %}

{% if line.final_line_price > 0 %} {{ line.final_line_price | money }} {% if line.unit_price_measurement %}

{{ line.unit_price | money }}/ {%- if line.unit_price_measurement.reference_value != 1 -%} {{- line.unit_price_measurement.reference_value -}} {%- endif -%} {{ line.unit_price_measurement.reference_unit }}
{% endif %} {% else %} Kostenlos {% endif %}

{% for discount_application in discount_applications %} {% if discount_application.target_selection == 'all' %} {% capture discount_title %} {% if discount_application.title %} {{ discount_application.title | upcase }} {% else %} Rabatt {% endif %} {% endcapture %}

{% endif %}
{% endfor %}

{% if delivery_method == ‘pick-up’ %}

{% else %}

{% endif %}

{% if current_total_duties %}

{% endif %}

{% if total_tip and total_tip > 0 %}

{% endif %}

Rabatt {{ discount_title }}

-{{ discount_application.total_allocated_amount | money }}

Zwischensumme

{{ subtotal_price | money }}

Abholungen

{{ shipping_price | money }}

Versand

{{ shipping_price | money }}

Zollgebühren

{{ current_total_duties | money }}

Steuern

{{ tax_price | money }}

Tip

{{ total_tip | money }}

Gesamt

{{ total_price | money_with_currency }}

{% if total_discounts > 0 %}

Du hast {{ total_discounts | money }} gespart

{% endif %}

{% assign transaction_size = 0 %}
{% assign transaction_amount = 0 %}
{% for transaction in transactions %}
{% unless transaction.kind == “capture” or transaction.kind == “void” %}
{% assign transaction_size = transaction_size | plus: 1 %}
{% assign transaction_amount = transaction_amount | plus: transaction.amount %}
{% endunless %}
{% endfor %}

{% if transaction_size > 1 or transaction_amount < total_price %}

{% for transaction in transactions %}
{% if transaction.status == “success” and transaction.kind == “authorization” or transaction.kind == “sale” %}
{% if transaction.payment_details.credit_card_company %}
{% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (mit den letzten Ziffern {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
{% else %}
{% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %}
{% endif %}

{% endif %}
{% if transaction.kind == ‘refund’ %}
{% if transaction.payment_details.credit_card_company %}
{% assign refund_method_title = transaction.payment_details.credit_card_company %}
{% else %}
{% assign refund_method_title = transaction.gateway %}
{% endif %}

{% endif %}
{% endfor %}

{{transaction_name}}

{{ transaction.amount | money }}

Zurückerstatten
{{ refund_method_title | capitalize }}

- {{ transaction.amount | money }}
{% endif %}

Kundeninformationen
{% if requires_shipping and shipping_address %} {% endif %} {% if billing_address %} {% endif %}

Lieferadresse

{{ shipping_address | format_address }}

Rechnungsadresse

{{ billing_address | format_address }}
{% if requires_shipping and shipping_address %} {% endif %} {% assign transaction_count = transactions | size %} {% if transaction_count > 0 %} {% endif %}

Versand

{{ shipping_method.title }}

Zahlung

{% for transaction in transactions %} {% if transaction.status == "success" or transaction.status == "pending" %} {% if transaction.kind == "authorization" or transaction.kind == "sale" %} {% if transaction.payment_details.credit_card_company %}

{{ transaction.payment_details.credit_card_company }} endet mit {{ transaction.payment_details.credit_card_last_four_digits }} — {{ transaction.amount | money }}

{% elsif transaction.gateway_display_name == "Gift card" %}

endet mit {{ transaction.payment_details.gift_card.last_four_characters | upcase }} — {{ transaction.amount | money }}
Geschenkgutscheinguthaben: {{ transaction.payment_details.gift_card.balance | money }}

{% else %}

{{ transaction.gateway_display_name }} — {{ transaction.amount | money }}

{% endif %} {% endif %} {% endif %} {% endfor %}

Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter {{ shop.email }}.

{%- if shop.terms_of_service.body != blank -%}
{{ shop.terms_of_service | attach_as_pdf: “AGB” }}
{%- endif -%}

{%- if shop.refund_policy.body != blank -%}
{{ shop.refund_policy | attach_as_pdf: “Widerrufsbelehrung” }}
{%- endif -%}

chrome_A3ArKef50f.png
chrome_A3ArKef50f.png566×359 7.48 KB

2

{% capture email_title %}Vielen Dank für deinen Einkauf! {% endcapture %}
{% capture email_body %}
{% if requires_shipping %}
{% case delivery_method %}
{% when ‘pick-up’ %}
Du erhältst eine E-Mail, sobald deine Bestellung zur Abholung bereit ist.
{% when ‘local’ %}
Hallo {{ customer.first_name }}! Wir bereiten deine Bestellung gerade für die Zustellung vor.
{% else %}
Hallo {{ customer.first_name }}! Wir bereiten deine Bestellung gerade für den Versand vor. Wir benachrichtigen dich, sobald die Bestellung verschickt wurde.
{% endcase %}
{% if delivery_instructions != blank %}

Informationen zur Zustellung: {{ delivery_instructions }}

{% endif %} {% endif %} {% endcapture %} {{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
{%- if shop.email_logo_url %} {{ shop.name }} {%- else %}

{{ shop.name }}

{%- endif %} 		Bestellung {{ order_name }}

{{ email_title }}

{{ email_body }}

{% if order_status_url %}
Bestellung ansehen
{% if shop.url %}
oder Zu unserem Shop
{% endif %}

{% else %}
{% if shop.url %}

Zu unserem Shop
{% endif %}

{% endif %}

{% assign gift_card_line_item = line_items | where: “gift_card” %}
{% if gift_card_line_item.first %}

Geschenkgutschein

Du erhältst separate Benachrichtigungen für Geschenkgutscheine.
{% endif %}

Bestellübersicht
{% for line in subtotal_line_items %} {% endfor %}
{% if line.image %} {% endif %} {% if line.product.title %} {% assign line_title = line.product.title %} {% else %} {% assign line_title = line.title %} {% endif %}

{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}

{{ line_title }} × {{ line_display }}

{% if line.variant.title != ‘Default Title’ %}
{{ line.variant.title }}

{% endif %}

{% if line.selling_plan_allocation %}
{{ line.selling_plan_allocation.selling_plan.name }}

{% endif %}

{% if line.refunded_quantity > 0 %}
Zurückerstattet
{% endif %}

{% if line.discount_allocations %}
{% for discount_allocation in line.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != ‘all’ %}



{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})


{% endif %}
{% endfor %}
{% endif %}

 {% if line.original_line_price != line.final_line_price %} {{ line.original_line_price | money }} {% endif %}

{% if line.final_line_price > 0 %} {{ line.final_line_price | money }} {% if line.unit_price_measurement %}

{{ line.unit_price | money }}/ {%- if line.unit_price_measurement.reference_value != 1 -%} {{- line.unit_price_measurement.reference_value -}} {%- endif -%} {{ line.unit_price_measurement.reference_unit }}
{% endif %} {% else %} Kostenlos {% endif %}

{% for discount_application in discount_applications %} {% if discount_application.target_selection == 'all' %} {% capture discount_title %} {% if discount_application.title %} {{ discount_application.title | upcase }} {% else %} Rabatt {% endif %} {% endcapture %}

{% endif %}
{% endfor %}

{% if delivery_method == ‘pick-up’ %}

{% else %}

{% endif %}

{% if current_total_duties %}

{% endif %}

{% if total_tip and total_tip > 0 %}

{% endif %}

Rabatt {{ discount_title }}

-{{ discount_application.total_allocated_amount | money }}

Zwischensumme

{{ subtotal_price | money }}

Abholungen

{{ shipping_price | money }}

Versand

{{ shipping_price | money }}

Zollgebühren

{{ current_total_duties | money }}

Steuern

{{ tax_price | money }}

Tip

{{ total_tip | money }}

Gesamt

{{ total_price | money_with_currency }}

{% if total_discounts > 0 %}

Du hast {{ total_discounts | money }} gespart

{% endif %}

{% assign transaction_size = 0 %}
{% assign transaction_amount = 0 %}
{% for transaction in transactions %}
{% unless transaction.kind == “capture” or transaction.kind == “void” %}
{% assign transaction_size = transaction_size | plus: 1 %}
{% assign transaction_amount = transaction_amount | plus: transaction.amount %}
{% endunless %}
{% endfor %}

{% if transaction_size > 1 or transaction_amount < total_price %}

{% for transaction in transactions %}
{% if transaction.status == “success” and transaction.kind == “authorization” or transaction.kind == “sale” %}
{% if transaction.payment_details.credit_card_company %}
{% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (mit den letzten Ziffern {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
{% else %}
{% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %}
{% endif %}

{% endif %}
{% if transaction.kind == ‘refund’ %}
{% if transaction.payment_details.credit_card_company %}
{% assign refund_method_title = transaction.payment_details.credit_card_company %}
{% else %}
{% assign refund_method_title = transaction.gateway %}
{% endif %}

{% endif %}
{% endfor %}

{{transaction_name}}

{{ transaction.amount | money }}

Zurückerstatten
{{ refund_method_title | capitalize }}

- {{ transaction.amount | money }}
{% endif %}

Kundeninformationen
{% if requires_shipping and shipping_address %} {% endif %} {% if billing_address %} {% endif %}

Lieferadresse

{{ shipping_address | format_address }}

Rechnungsadresse

{{ billing_address | format_address }}
{% if requires_shipping and shipping_address %} {% endif %} {% assign transaction_count = transactions | size %} {% if transaction_count > 0 %} {% endif %}

Versand

{{ shipping_method.title }}

Zahlung

{% for transaction in transactions %} {% if transaction.status == "success" or transaction.status == "pending" %} {% if transaction.kind == "authorization" or transaction.kind == "sale" %} {% if transaction.payment_details.credit_card_company %}

{{ transaction.payment_details.credit_card_company }} endet mit {{ transaction.payment_details.credit_card_last_four_digits }} — {{ transaction.amount | money }}

{% elsif transaction.gateway_display_name == "Gift card" %}

endet mit {{ transaction.payment_details.gift_card.last_four_characters | upcase }} — {{ transaction.amount | money }}
Geschenkgutscheinguthaben: {{ transaction.payment_details.gift_card.balance | money }}

{% else %}

{{ transaction.gateway_display_name }} — {{ transaction.amount | money }}

{% endif %} {% endif %} {% endif %} {% endfor %}

Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter {{ shop.email }}.

{%- if shop.terms_of_service.body != blank -%}
{{ shop.terms_of_service | attach_as_pdf: “AGB” }}
{%- endif -%}

{%- if shop.refund_policy.body != blank -%}
{{ shop.refund_policy | attach_as_pdf: “Widerrufsbelehrung” }}
{%- endif -%}

3

Hii, @n1ght2k
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

1 Like
4

Hello Zworthkey thank you very much for the fast reply.

This is the Shop URL: https://moafakastudios.myshopify.com/

Thank you! :slightly_smiling_face:

5

Hii, @n1ght2k
Kindly share your store password so,
I can solve it perfectly.
Thank You.

1 Like
6

Im sorry, i havent bought the theme so far is that a problem?

moafaka+studio < this is the password

7

@n1ght2k
Can you give me page link where you are seeing this error in your store?
Thank You.

1 Like
8

Hello, the error is on the order confirmation that the customer gets by mail. So Settings > Notifications > Order Confirmation, I do not know exactly how I can send you the link in this case. I can send you the test mail out or is there another possibility?

9

@Zworthkey do you have a solution? :confused:

10

I also have a similar question as I also posses a website and want to add a table of content for my blog do any one of you can assist me?