Docs

[Bashert]

Hello there,

I am trying to center my products to be in the middle of the page. Please advise.
https://dropahint.us/him/?preview_id=919&preview_nonce=11bab0c6f4&preview=true

http://www.dropahint.us

Thank you 🙂
Stan

[Joao]

Hi There,

We cannot preview drafts without the login credentials.

Please public the page and give us the correct adress or provide us admin credentials in a private reply.

Also please provide more information if necessary.

Thanks

Joao

[Bashert]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the credentials. You setup the layout of your page as 1/6 + 2/3 + 1/6 but you leave those 1/6 columns empty.

Please make that content-band layout as one column and the products should centered automatically.

Cheers!

[Bashert]

Thank you,

If I make this layout as one column then my product will be displayed full-screen edge to edge. I am using 1/6 + 2/3 + 1/6 to create some padding left and right.
Please advice how to have my elements align center with custom padding left and right.

[Joao]

Hi There,

I had a look on the link above and seems like you already changed your layout.

https://dropahint.us/him/

In case you use a 1 column just with element in the center we will be able to provide you a padding css that will be applied just on bigger screens, I believe that would be the best solution.

Let us know your thoughts.

Joao

[Bashert]

Thank you for the quick respond. I did use the same 1/6 + 2/3 + 1/6 layout, just added content band element in the small columns. I am not happy with the result. Can you provide the CSS for custom padding with one column and where to enter it?

Thank you!

[Paul R]

Hi,

Please try using full width layout instead of no container layout.

http://screencast.com/t/QYJBvRRX93

Thanks

[Bashert]

Hi Paul,

I don’t understand how you note is reflecting the questions I have posted? Please elaborate.

Thank you

[Joao]

Hi There,

Maybe there is a misunderstand about us.

Please provide us the specific page link you are mentioning with the element placed as it is now with the issue you are facing.

That way we will be able to help you.

Thanks

Joao

[Bashert]

Here is the page

https://dropahint.us/store/mix-match/

I would like to know how to add custom padding left and right of the products.

Thank you

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.woocommerce ul.products {
  padding: 3%;
}

you also can use if you prefer instead:

.woocommerce ul.products {
  padding-left: 3%; 
  padding-right: 3%;
}

Hope that helps,

Joao

[Author]

Posts