Shop page product descrition box bigger

Activello
1

HI,
I have a shop page on my website and am looking for the product descriptions and the whole page to be larger. By this I mean that currently it displays the products and its information on only about 1/3 of the total page width. I am wanting to enlarge this so it takes up more space and is larger. if you need more info please let me know.

2

Hi @ladykathryn47,

Thank you for your another question.

Could you please share me the shop page URL from your site so that i can help you to make it bigger?

Kind Regards,
Movin

3

www.benjaminsbasics.com, thanks Movin

4

I visited shop and product pages on your shared site and it is displaying fine on your site as shown in the attached screenshot.

Could you please tell me a bit more in detail how you want it to display so that i can help you?

5

Sorry it took so long to respond my account was blocked for some reason. I am wanting to make the product description box wider, right now it barely takes a third of the page i would like to widen this. Not only here but on my blog post too since they are the same width. Does that make sense?

6

Do you want to make only the product description box wider as shown in the attached screenshot as rectangular or do you want to make your whole website width wider as shown in the attached screenshot by arrows?

Please advise.

7

I would like to only make the product page wider the one in the rectangle. But it would be good to know both if I want to change the other one later.

8
I would like to only make the product page wider the one in the rectangle.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

body.single-product .main-content-inner {
    width: 100%;
}
But it would be good to know both if I want to change the other one later.

Then along with the above CSS code also use the following custom CSS code.

body.single-product .container.main-content-area {
    width: 100%;
    max-width: 100%;
}
9

thank for this but i did find a way to get my pages full width finally, except for my shop page http://www.benjaminsbasics.com/product-category/hair-to-toe/
http://www.benjaminsbasics.com/product-category/watercolor-prints/
on both of these despite having chosen full width on the page attributions it will not disappear as all the others did.

10

Do you want to remove sidebars from the shared pages so that they will display full width or anything else?

Please share me the page URL from your site which is displaying full width and you want the above shared pages to display the same.

11

http://www.benjaminsbasics.com/shop/hair-to-toe-spray/
http://www.benjaminsbasics.com/about-me/
these both are displaying the full width that I would like the two above links to be like

12

You can try making them full width by using following custom CSS code.

body.archive.tax-product_cat #secondary {
    display: none;
}
body.archive.tax-product_cat .main-content-inner.col-sm-12 {
    width: 100%;
}