Docs

[Flightwave]

HI there,
Please see: http://dev.flightwave.aero/product/edge/
Login credentials to follow.

Notice that the margin on the right side of the page is much larger than on the left side of the page.
I’m not sure why this is.
Can we reduce the right side margin to be equal to the left side margin?

Thanks!

[Flightwave]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.woocommerce .entry-wrap {
    padding: 0 0 0 130px !important;
}

Let us know how this goes!

[Flightwave]

This does make the margins on both sides the same by making the left margin larger. Wondering however if it is possible to make them the same by instead making the right margin smaller – thereby creating even more horizontal space.

THanks!

[Friech]

Hi There,

Please add this code instead.

.single-product .x-container.max.width.offset {
margin: 0 auto;
display: inherit;
}

If this does not work, replace the display: inherit; with display: block;

Hope it helps, Cheers!

[Flightwave]

Hmm – that didn’t seem to make any difference.
Any other ideas?

[Nabeel A]

Hi again,

It looks okay on my end. Can you please confirm if it looks okay on your end? Try clearing your browser’s cache and reload the site.

Let us know how this goes!

[Flightwave]

Hi Nabeel,
Yes – it looks good – but what I’m trying to figure out – is how to reduce the margins on the outside (right and left) if I wish to do that. Right now – there’s about 1 1/2 inch margin on the outside of the browser window. If I wanted that to be 0, or smaller, how would I accomplish that?

[Joao]

Hi There,

Please enter the following code to Appereance > Customizer > Custom > CSS

.woocommerce .entry-wrap {
    padding-left: 0;
    padding-right: 0;
}

.single-product .x-container.max.width.offset {
    margin: 0 !important;
    width: 100% !important;

}

Hope that helps

Joao

[Author]

Posts