How can I shift the Discount box to the right in Dcode?

Store Design
1

Hi,
Are there anyone know how to shift the Discount box to the right? I am using Dcode and the box keep aligning left. Thanks very much!

DK7_1-1654726441908.png
DK7_1-1654726441908.png1920×1080 126 KB

2

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

3

With custom CSS you can align the discount box to the right.

4

Hi @DK7 ,

Go to Assets > base.css and paste this at the bottom of the file:

div#dcodeInnerWrapper {
	text-align: right;
}
input#dcodeInput {
	appearance: none;
    background-color: transparent;
    border: 0;
    color: var(--color-foreground);
    font-size: 1.6rem;
    box-shadow: 0 0 0 0.1rem var(--color-foreground-55);
    height: 4.5rem;
}

Hope it helps!

5

Hi,
Here is my shop URL. The password is seitho.
Thank you!

6

Hi @LitCommerce ,
Your code did it work really well. I’m very thankful that you’re here. However, when I tried to apply a discount code, there was nothing happened. After that, I went to the checkout page and the code has already applied.
Thank you very much! I’m looking forward to hearing from you soon.

7

Hi @DK7 ,

If it helped you solve your issue, please mark it as a solution.

With new question, you can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

8

Hi @LitCommerce ,
Thank you for your notification. I’m going to accept it.