Solved

Why is my product title misaligned in Debutify theme?

Dogstime
Excursionist
48 0 8

For some reason the title of the product is not straight with the other titles and text.

How can this be fixed? please help!

Dogstime_0-1699824082917.png

 

debutify theme

shop url: dogstimeshop.myshopify.com

 

 

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6487 1554 1925

This is an accepted solution.

Oh, I thought the first code i give works. Try this one. Same Instruction. 

 

#ProductMeta-template--16024167383214__main > div > div:nth-child(1) > div > div {
    padding-right: 0px !important;
}

 

And save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
6487 1554 1925

Hi @Dogstime 

Check this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • Open the "Theme.liquid" folder, and look for the </body> tag and paste the code below. 

 

<style>
.product-single__meta .grid__item.flex-fill {
    padding-right: 0px !important;
}
</style>

 

  • And Save. 
  • Result:
    Made4uoRibe_0-1699826631820.png

     

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Dogstime
Excursionist
48 0 8

Hi, thanks for helping.

can you help me to do this? 

Dogstime_0-1699830565107.png

 

i need it straight with the Color variants

Made4uo-Ribe
Shopify Partner
6487 1554 1925

oh, Okay its an app right?

Try this one. 

  • From your Shopify admin dashboard, click on "Online Store" and then "Themes".
  • Find the theme that you want to edit and click on "Actions" and then "Edit code".
  • In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  • And Save.

 

div#ymq-box {
    margin-right: 11px !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1699831393539.png

     

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Dogstime
Excursionist
48 0 8

hi thx for reply,

all good but the title...

Dogstime_0-1699837662188.png

 

can you help me solve it?

Made4uo-Ribe
Shopify Partner
6487 1554 1925

This is an accepted solution.

Oh, I thought the first code i give works. Try this one. Same Instruction. 

 

#ProductMeta-template--16024167383214__main > div > div:nth-child(1) > div > div {
    padding-right: 0px !important;
}

 

And save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Dogstime
Excursionist
48 0 8

thanks! working!

PageFly-Theodor
Shopify Partner
671 83 97

Hi @Dogstime ,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Product Title Text, let’s try this solution:

Online Store ->Theme ->Edit code
Assets ->Base.css

 

.product-single__meta .grid__item.flex-fill {
    padding-right: 0px !important;
}


I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Dogstime
Excursionist
48 0 8

hi its not working

PageFly-Theodor
Shopify Partner
671 83 97

Hi @Dogstime ,
This is Theodore from PageFly - Shopify Page Builder App.
I'm sorry for replying you late. You can use the following method

Online Store ->Theme ->Edit code->theme.liquid

<style>
.product-single__meta .grid__item.flex-fill {
    padding-right: 0px !important;
}

</style>



I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.