Why is my checkbox section not aligning properly on PC?

[MetteT]

I have a checkbox section in the cart on my page, and it is correctly centered on mobile, but on PC it aligns to the left instead of to the right like the rest of the text in the same section. How do i correct this?

Also is there a way to make the link in the sentence black, like the rest of the text. Right now its blue before clicked and purple after. I just want it to be black.

URL: https://teefiti.dk/cart/ Code: Teefiti2022

[MandasaTech]

@MetteT 

Go to Online store >> Edit code >> Assets >> base.css
Add this code below of base.css file

.payment-terms {
text-align: right !important;
}

[MetteT]

@MandasaTech Unfortunately this didn't work. 😞

[MandasaTech]

@MetteT 


Add this CSS below of theme.liquid after closing body tag(</body>).

<style>

.payment-terms {
text-align: right !important;
}
</style>

[MetteT]

@MandasaTech It worked, but now it is also aligned to the right on mobile, how do i make it so its centered on mobile, but aligned to the right on pc?

[MandasaTech · Accepted solution]

@MetteT 

Add this code

<style>
.payment-terms {
text-align: right !important;
}

@media(min-width: 280px) and (max-width: 767px){
.payment-terms {
text-align: center !important;
}
}
</style>

[MetteT]

@MandasaTech Thank you, this worked! Do you also have a code for making the link black?

[ReturnPrime]

Hey @MetteT    ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file.

.payment-terms p{
    text-align: right !important;
}

 If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

[oscprofessional]

@MetteT 

.payment-terms a {
    color: black !important;
}
@media only screen and (min-width: 992px){
body .cart__ctas {
    text-align: right !important;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.css.liquid

[MetteT]

@oscprofessionalI have already managed to align the text with code i got from Mandasa, and the part of your code that should make the link black unfortunately doesnt work. 😞