Center Align Section Elements - Question | JoomShaper
Back to the questions

Center Align Section Elements

Stephane Hanrez

Stephane Hanrez

SP Page Builder 11 months 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

0
Website
https://www.4fitandfight.be
7 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175384

Hi

Use this CSS in your custom.css file

@media (min-width: 767px){
#column-wrap-id-Nc6FQelV7Eld4npiK7UXH{
  margin-left: 120px;
}
}
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175257

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.

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
11 months ago #175363

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175379

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

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
11 months ago #175382

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

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
11 months ago #175396

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 ?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175398

Hi

You have to add it on custom.css file.

0