Alignment of Client Section Logos

Shapely
1

Hi Colorlib Team :slight_smile:

I’ve a short question. I can’t find a way to align the logos in the client section slider. I would love to have them on the vertical center. Right now, they are all fixed at the top, and some are not as high as others while they all have the same width. What’s the CSS for vertical center alignment in this case?

Thanks a lot for your support :slight_smile:

Have a great day,
Dom

2

Hi @dominik,

I could help you specifically if you could send us your url. Until than you could read more about vertical align here:

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

thanks,

Cristian

3

Hi Christian!

I tried the CSS options of the site which you have sent. It did not work.

Here is the URL: http://premiumbands.de

The Client Section is quite at the bottom, and the Logos are aligned at the top. They should be aligned at “middle”, but I couldn’t manage to do this.

Thanks for your support :slight_smile:
Dom

4

Hello dominik,

the logos are align in the center. Its the padding of the wrapper that is making u think its not in the center.

section, footer {
padding: 96px 0;
position: relative;
overflow: hidden;
}

change this padding from 96px to a lower one.

5

Hey heki!

I think this is the wrong thing. I only change the height of the footer section with this. But the logos I want to align are not in that section! They are in the part above which says “Unsere Partner” as a heading.

6

Hi @dominik,

Can you try this CSS Snippet in Appearance -> Customize -> Additional CSS,

.logo-carousel img {
    bottom: 0;
    left: 0;
    position: absolute;
}

.logo-carousel li {
    height: 150px;
    position: relative;
}

Let us know,

Thanks,
laranz.

7

Hey Iaranz!

Thanks for your post. Again - nothing is happening here. The CSS order for that section is .client_section_home (I used it to assign the logo size, and that worked).

I just can’t manage to find the right code for the vertical alignment. I used the exact code you gave me, and nothing happened. I also mixed some of the attributes with parts of my other CSS coding, but again nothing happened. Logos are just staying as they are: Fixed at the top of the line. I’m going crazy about this :smiley:

8

Hi @dominik,

For now, I didn’t see any of the Custom CSS in the website, can you add that and let me know, so that I can check what’s not working.

Let us know,

Thanks,
laranz.

9

Alright, now I have saved it. I didn’t save it before as it was not doing anything. Here is the website:

http://premiumbands.de - and the images in the carousel are still aligned at the top.

Thanks for your support!
Dom

10

Hi,

I still didn’t see any code added to the site, can you pass me the WP Login details in a private reply so that I can check what’s wrong.

If I added the CSS, the output will be like this, http://take.ms/TdSBw is this is what you wanted?

Let us know,

Thanks,
laranz.