Team section 1/4 needs to be centered - Support | Kriesi.at

Viewing 21 posts - 1 through 21 (of 21 total)

Author

Posts
September 5, 2024 at 11:29 pm #1466354

tiadrop
Participant

Hello,

I need help centering 1/4 row on my site. The team section of the page is on this link: https://atlantapg.com/home/company/ The second line only has 3 people and I need them to be centered. Can you please assist me with centering the 3 people on the bottom row?

September 6, 2024 at 4:44 am #1466367
Ismael
Moderator
Hey Maggie,

Thank you for the inquiry.

There is no default option for this, but you could manually apply a left margin to the first column in the row to adjust the items’ alignment. This margin may need to be adjusted for different screen sizes using css media queries.
```
.flex_column.av-x9sa-8a37e2b5769dd020bbf980d44cf0bf21 {
    margin-left: 12%;
}
```
Best regards,
Ismael
September 6, 2024 at 5:12 am #1466371

tiadrop
Participant

This reply has been marked as private.

September 6, 2024 at 5:18 am #1466372

tiadrop
Participant

This reply has been marked as private.

September 6, 2024 at 8:51 am #1466379

Rikard
Keymaster

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

September 6, 2024 at 3:25 pm #1466394

tiadrop
Participant

This reply has been marked as private.

September 7, 2024 at 10:25 am #1466434

Rikard
Keymaster

Hi,

Where exactly are you looking to remove that? Please post a link to an example.

Best regards,
Rikard

September 7, 2024 at 9:15 pm #1466463

tiadrop
Participant

This reply has been marked as private.

September 7, 2024 at 9:45 pm #1466464
Mike
Moderator
Hi,
Thanks for the screenshot and the link to your site, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
#top .avia-post-nav {
	display: none;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
September 8, 2024 at 2:31 am #1466470

tiadrop
Participant

This reply has been marked as private.

September 8, 2024 at 10:08 am #1466474

Rikard
Keymaster

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

September 15, 2024 at 4:57 pm #1467035

tiadrop
Participant

This reply has been marked as private.

September 16, 2024 at 6:08 am #1467053
Ismael
Moderator
Hi,

You may need to add another 1/4 column at the end of the second row to ensure the columns are the same size as those in the first row. Add this css code to shift the row slightly to the right.
```
#top .flex_column_table.av-20ndm-838f183c878a6c3bb0dbd9bf9fac481e {
    margin-left: 8%;
}
```
Best regards,
Ismael
September 16, 2024 at 8:17 am #1467056

Guenni007
Participant

my solution would be to use grid layout on that :
7 1/4 columns with no equal height inside a color-section with a custum-class

see: https://webers-testseite.de/apg/

My recommendation for images that should look the same: Crop them the same way – that is, keep them at least in the same aspect ratio.

September 16, 2024 at 8:51 pm #1467143

tiadrop
Participant

This reply has been marked as private.

September 17, 2024 at 10:46 am #1467182

Guenni007
Participant

Ok – put only your 1/4 columns in one color-section – nothing else – the heading and separator had to be in an extra section.
Because as mentioned on may page – every element will be part of that grid layout.

For your anchor navigation : maybe your heading including the separator got that ID.
For the grid layouted section do not forget to set the custom class – and put all ( like on my preview image of the layout ) in that section ( all 7 )

September 17, 2024 at 3:57 pm #1467205

tiadrop
Participant

This reply has been marked as private.

September 17, 2024 at 3:58 pm #1467206

tiadrop
Participant

This reply has been marked as private.

September 18, 2024 at 5:01 pm #1467341
Mike
Moderator
Hi,
Thanks for your patience and the link to your site, I added this ID to the team section with the three 1/4 columns: centerrow

and this css in your Quick CSS:
```
@media only screen and (min-width: 990px) { 
	#centerrow .entry-content-wrapper {
		display: flex;
    justify-content: center;
	}
}
```
and now they are centered:

Please clear your browser cache and check.

Best regards,
Mike
September 18, 2024 at 6:39 pm #1467355

tiadrop
Participant

Mike

Thank you so very very much for this I really appreciate you.

September 19, 2024 at 8:21 am #1467431

Ismael
Moderator

Hi,

Great! Glad to know that this has been resolved. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael
Author

Posts

Viewing 21 posts - 1 through 21 (of 21 total)

The topic ‘Team section 1/4 needs to be centered’ is closed to new replies.