text and price under photos

[Disci]

Hi! 

discinetherlands.com

Password: joepjoep

This is regarding the landing page on phone view

I want the title of the product and the price to be on the same line under the product photos.

I want the title to be on the left and the price to be on the right. Not on the complete right or left, but just a tiny bit off the side of the right and left.

Besides that I want the price text to be the colour black, because now it is like dark grey.

If it is possible I want it to be like this on the product page as well. Now it is in the middle under the photos, but I want it to be the same as on the landing page; title left and price on the right.

Thanks a lot in advance!

[Moeed]

Hey @Disci 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
price-list.price-list sale-price {
    color: black !important;
}
.v-stack.justify-items-center.gap-1 {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
}
.v-stack.justify-items-center.gap-2 {
    width: 100% !important;
    max-width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Disci]

on my screen it is still aligned to the sides of the photos, but i want it to be a tiny bit to the inside

You think you can fix this?

[topnewyork · Accepted solution]

Hello,

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

.justify-items-center {
    justify-items: safe center;
    display: flex !important;
}

.v-stack.justify-items-center.gap-1 {
    justify-content: space-between;
    gap: 7.25rem !important; /* increase as per your choice */
}

 Thanks!