Dawn theme - change position of the price

[Caneprint]

Hello.

How can I change my position of the price to TOP from left side?

Also, I want to change the color to RED for example.

https://caneprint.com/

Thanks

[Moeed · Accepted solution]

Hey @Caneprint 

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>
.card-information {
    display: flex;
    justify-content: center;
}
</style>

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

Best Regards,
Moeed

[Moeed · Accepted solution]

Hey @Caneprint 

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>
.card-information {
    display: flex;
    justify-content: center;
}
</style>

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

Best Regards,
Moeed

[Caneprint]

Working, Thanks!!!

And how I can change the price?:)

[Moeed]

Hey @Caneprint 

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>
.card-information .price {
    color: red !important;
}
</style>

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

Best Regards,
Moeed

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.card-information .price {
    position: absolute;
    top: -33px;
    left: 0;
    color: red;
}

[Caneprint]

It's not working.

I received solutions about position, now I need only change the color:)

[saim007]

@Caneprint Just write color: red; in recently used working code.

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code

2. Find Asset > base.css / component-card.css and paste this at the Top of the file:

.card-information .price {
    color: red!important;
}

[Caneprint]

Thank you!! Working!

[ZestardTech]

Hello @Caneprint 
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.