Center Align Section elements - Forum | JoomShaper
Solved SP Page Builder

Center Align Section elements

Asked by Stephane Hanrez 1 year ago Last activity 1 year ago

Hello,

I have create a section using SP PageBuilder. This section is divided into 4 parts, and I have 7 elements to show in it, so that means it spreads over 2 lines (each "column" is 25% width).

How to I get those elements to center align ? That means it should appear like this :

xxxx  xxxx  xxxx  xxxx
xxxx  xxxx  xxxx  xxxx

   xxxx  xxxx  xxxx
   xxxx  xxxx  xxxx

Couldn't find any way to achieve that.

Thanks

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
1 year ago

Hi

Use this CSS in your custom.css file

@media (min-width: 767px){
#column-wrap-id-Nc6FQelV7Eld4npiK7UXH{
  margin-left: 120px;
}
}

4 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
1 year ago

Hi

Thanks for contacting us. I can solve it via CSS. Could you please give me that specific page link? And also a screenshot of your issue.

-Regards.

Stephane Hanrez Asked this
1 year ago

Hi Mehtaz,

This website is not live yet, so I included URL and a login/password that I created for you in the hidden content.

You can find a block called "Nos Ateliers privatifs" under which I have 7 items, first line being 4 items, second line being 3 items, which is the block I would like to center align.

Thanks
Stéphane

Mehtaz Afsana Borsha Staff
1 year ago

Are you talking about this portion? But it's already in the center.

Stephane Hanrez Asked this
1 year ago

Yes I'm talking about this section. I would like to center the 2 columns in the second row... so it should look like this : https://prnt.sc/jsyFaRrpZtTc

Stephane Hanrez Asked this
1 year ago

Thanks a lot, that works fine.

Just a question : How is it that it only works if I add it to the template css, and not if I add it to the page CSS ?

Mehtaz Afsana Borsha Staff
1 year ago

Hi

You have to add it on custom.css file.

Log in to reply.