Product Name Not Align at Webpage

Hi,
To fix it need to add some CSS code.
Here it is:

.summary.entry-summary {
    padding: 40px;
}

To add custom CSS code:
1. Go to your site’s dashboard.
2. On the left sidebar, click on Appearance -> Additional CSS.
3. Paste the code and click on the Save Changes button.

Let me know if you need further help.

• This reply was modified 2 years, 6 months ago by Akramul Hasan.

There’s some CSS rules defined that break the titles, at least on the pave that you showed here. It’s setting the line-height value to 0, so it pushes the text above where it should be and it gets cutoff.

Those come from “storefront-powerpack-designer” so I’d start by looking into what that, where it’s come from and what it’s meant to do.

Thanks for your reply. Yes I did install storefront powerpack.

Mr Akramul, thaks for your reply. I follow your instruction, go to Appearance->Additional CSS. It brought me to Customizing Additional CSS page. Is it correct to paste the CSS code here?

@burburryn can you please take a screenshot of the place you mentioned?

Ok Mr Akramul, may i know how to send the screenshot over here?

Mr Akramul, this is the screen shot. Hope you can view it.

https://photos.google.com/search/_tra_/photo/AF1QipPmQZZVuGcZ_kgfwQoPdS0bq0YKUoMcDWG6YTqG

The url is showing 404 error.
No photo there.

https://photos.app.goo.gl/jPLFrzhKGa5AgwyA8

sorry my mistake. Hope you can view it now.

Still its 404

Upload image here and share link
https://imgbb.com/

https://ibb.co/j8X7Fgg