[Support request] Section:allignment different images to the button

[domedele]

I want to allign image of different images at the bottom of the page.
I can modify the css?

[Leo]

Hi there,

There are no existing CSS applied to each section for alignment.

Are you referring to the last section with the logos?

If so you can try using Flexbox:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

[domedele]

Yes the last part of the page before the foot.
Flexbox is a plugin?

[David]

Hi there,

Flexbox is a CSS property.
Edit your Section and on the settings tab give it a CSS class of: logo-section

Then add this CSS to apply some flexbox magic:

.logo-section .generate-sections-inside-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.logo-section  .generate-sections-inside-container h4 {
    flex: 1 0 100%;
}

[domedele]

isn’t very centered in the page but better

[David]

Looks like you changed the HTML in that section.
As it only contains the 4 logos remove ALL of the markup so it just contains the 4 images, no extra divs no grid columns and ill provide the CSS to align them.

[Author]

Posts