product title text

Solved
Dogstime
Excursionist
47 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
4111 942 1148

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 9 (9)
Made4uo-Ribe
Shopify Partner
4111 942 1148

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Dogstime
Excursionist
47 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
4111 942 1148

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Dogstime
Excursionist
47 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
4111 942 1148

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Dogstime
Excursionist
47 0 8

thanks! working!

PageFly-Theodor
Trailblazer
200 32 37

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
47 0 8

hi its not working

PageFly-Theodor
Trailblazer
200 32 37

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.