Woocommerce product full width

Dear friends hello.

I use the astrid for a woocommerce shop.
The only problem that i have is that i can’t find a way to make the product page full width.

It goes at the right. You can look at the screenshot.
Any magic css tricks?

Thanks!

Hello @pinguinland,

I would be glad to help you, but can you please provide a link to your product page to let me inspect it?

Kind Regards, Roman.

It’s in Greek so i provide u a random link
http://store.dk.tools/προϊόν/ξυλότορνος-holzstar-db-450/

Thanks Roman!

Also the menu i want it full width.

Thanks!

Hello @pinguinland,

Please try to use the following CSS code, first part is for full-width products, second part is for full-width menu.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

body.single-product.woocommerce div#primary {
    width: 100%;
}

header#masthead > div.container {
    width: 100%;
}

Kind Regards, Roman.

The product looks wonderful! Thanks…

The menu i had to arrange it at 104% to work!

Thanks a lot my friend!

And one last question. When i use astrid latest news it shows only the 3 latest posts. What about if i want to show 6?

You are welcome @pinguinland,

I don’t think that there is an easy solution to show more than 3 posts in Astrid FP: Latest News widget.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

One last help.

I am building a site with that excellent theme. But probably i have made a mistake somewhere because at the front widget of astrid latest posts the title doesn’t show up.

Can you check? The site is http://obye.mainserver.eu

Thanks!

Oooops i found the mistake!

Please mark the topic as resolved!

Okay @pinguinland,

It’s great that you have found the mistake!

I mark the topic as resolved.

Kind Regards, Roman.