Adjusting margin size in WooCommerce product description

609coda · September 2018

hello~

Please look here. http://advintage.kr/question/

This is the image of my homepage when I viewed the product on my mobile phone.

The problem is that the left and right margins are too large when viewed on a mobile phone.

I want to reduce the left and right margins and make the picture bigger.

I have enlarged the picture size but the margin does not decrease.

What to do?

thank you

Pablo · September 2018

Hi,

It's not possible at all, but I made for you an Custom CSS (Theme Options > Custom CSS & JS > CSS)

But this will increase width of all elements.

There is no other option.

body.single-portfolio .sections_group .section_wrapper{
	padding:10px !important;
	margin:0 !important;
}

Thanks.

609coda · September 2018

Please look here again.

http://advintage.kr/question/

I did it, but nothing changed.
What did I do wrong?

Pablo · September 2018

I see it's working already.

When I delete this CSS code from website, it's getting more padding.

With CSS: http://prntscr.com/kr7ge9

Without CSS: http://prntscr.com/kr7go5

Please, clear the cache of the browser and check again.

Thanks.

609coda · September 2018

thank you.
I understood.

On a typical page, we saw that the margin was reduced.

But where I want to make changes, nothing has changed.

Woocommerce → product → description part

It is the description part of the page that sells the product

See here
http://advintage.kr/product/aoyoshi-knif

It will be cumbersome, but please check again.

thank you

Pablo · September 2018

Because this is a shop, not portfolio now.

Please add this css too.

@media (max-width:767px){body.single-product .sections_group .section_wrapper{
	padding:10px !important;
	margin:0 auto !important;
	} }

Thanks

609coda · September 2018

Thank you very much.
It was resolved.

However, I found one problem after inserting the source code.

When viewed with a desktop / notebook,
The page with the product is not the center
And is biased to the left.

See here
http://advintage.kr/product/aoyoshi-knif/

Thank you

Pablo · September 2018

Hi,

I updated the code above.

It will work fine now.

Cheers

Adjusting margin size in WooCommerce product description

Comments