Why is my checkbox section not aligning properly on PC?

Store Design
, , , , ,
1

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

Screenshot 2022-11-24_13-09-43-748.png
Screenshot 2022-11-24_13-09-43-748.png1018×526 50.9 KB

2

@MetteT

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

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

3

@MandasaTech Unfortunately this didn’t work. :disappointed_face:

4

@MetteT

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

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

@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?

6

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

7

@MetteT

Add this code

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

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

9

@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

10

@oscprofessional I 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. :disappointed_face: