I want the Titel on left and the Price on right (Prestige theme)

[MS2333]

I want the Titel on left and the Price on right (Prestige theme)

[solverStaff]

Hello there

Please share your store URL and password( If enabled ).

Regards

Titu

[MS2333]

www.45keys.com

[solverStaff]

/* Align product title to the left and price to the right */
.product-card__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-title {
  text-align: left;
  flex-grow: 1;
}

.price-list {
  text-align: right;
}

You can add this css in theme.css file then let me know if it works

[MS2333]

hey, dont work

[B2Bridge]

Hi @MS2333 
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for "theme.liquid" file
3/ Open the file and search for </head> tag and add the following code above </head> tag
Here is the code for Step 3:

{% style %}

.product-card__info .v-stack.justify-items-center.gap-2 {
    width: 100%!important;
}
.product-card__info .v-stack.justify-items-center.gap-1 {
    width: 100%!important;
    display: flex!important;
    justify-content: space-between!important;
}
{% endstyle %}

 If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you !

[topnewyork]

Hi @MS2333 
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.v-stack.justify-items-center.gap-1 {
    display: flex !important;
    text-align: left !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[WebDeskSolution]

Hello @MS2333 

Please follow the steps below after logging into the Shopify admin:

• Go to your Shopify Admin panel.

• Click on Online Store > Themes.

• Find the theme you want to edit and then click Actions > Edit code.

• Search theme.css
• Insert the provided CSS code at the end of the file and save the changes.

.product-card .product-card__info .v-stack 
{
    width: 100%;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}
.product-card .product-card__info [data-pl-swatches-loaded="true"] 
{
    display:none
}

Please hit Like and Mark it as a Solution if you find our reply helpful.