Center a non-full-width wrap

modus · June 2016

Hi I have a wrap called "Who is Matthew Law?" that I have set to 2/3 width for the column that I'd like to have centered. I figured it out so it looks good on desktop, but on some mobile views it's not centered. How do I fix this?

http://165.31e.myftpupload.com

Albert · June 2016

Hi,

what exactly does not look good on mobile? Would be great if you can include some screenshots of what you mean. Or it would be even better if you can send us private message with access to the dashboard so we can have a look on what you did.

modus · June 2016

Nevermind. I figured out a different solution. But I guess What I was asking is if I have a wrap at 2/3 width, is it possible to have it centered on a page instead having the content automatically aligned to the left?

I had a wrap with just a little bit of text and one small image. It looked kind of weird being set to full-width because of the little bit of text. Below that wrap was an image gallery which looks great at full-width. I wanted the wrap with just a little bit of content to have a narrow column, lets say 600px wide, and have it centered above the full-width gallery.

Thanks anyways!

Albert · June 2016

If you would send us private message with access like we wrote above, we would be able to have a look on it.

the_dro · July 2016

modus, what did you do for your solution? I'm having the same issue.

modus · July 2016

the_dro, I ended up using a different layout for the section.

the_dro · September 2016

I found another way in case anyone else is searching for an answer to this. I took a wrap and put my item inside that with 1/2 width. then I added a 1/4th placeholder item on each side and it centered my wrap.

karim1301 · February 2017

Hi guys!

Any info about this?? Im trying the same, centering a 3/5 wrap, using the full width one withe placeholders to center the items, makes a disorder so i prefer to use a 3/5.

Is it possible?

Albert · February 2017

@karim1301 to center 3/5 wrap, all you need to do is set 2 x 1/5 wraps on sides with placeholder items inside. Could you show us what's wrong exactly, when you do this?

karim1301 · February 2017

Ah thanks!

This solution fits perfectly!!

Albert · February 2017

You are welcome!

succuskommunikation · August 2017

How do i solve this problem when I have three 1/4 wraps?- there is no wrap in 1/8 size

Bryan · August 2017

The minimum size of the wraps is 1/6. There is no 1/8 size

ashwinth · November 2018

How do i center 5/6 width wrap inside a section ?

Pablo · November 2018

ashwinth

To center it, you have to decrease it to 4/6

And at the left and right you have to place a "placeholder" item with 1/6 size.

Thanks

ashwinth · November 2018

Thank you, but 5/6 looked perfect, I do not want to change the size. I found a solution anyway

I added new class to my wrap and added following code in Custom | CSS

.MyClass{

margin: 0 auto;

float: none !important;

}

Bryan · November 2018

ashwinth

Great!

Salesurance · July 2020

Hey,

I tryed ashwinths method but it won't work. I got an 5/6 Part and a sidebar. Is that the problem?

I put in a line with the following css:

.one-sixth.column {

width: 8%;}

.hr_narrow {

color: #1eb6ea00 !important;

background: #1eb6ea00 !important; }

Bryan · July 2020

Salesurance

Sorry but your CSS looks like its going to affect all of the columns in the whole website.

Please clarify what are you trying to achieve and send us some screenshots and a link.

thanks

Center a non-full-width wrap

Comments