centering .employee-photo in .employee

  • Resolved paprika27

    (@paprika27)


    10 years, 4 months ago

    I have slimmer employee photos than is the width of col-md-4.

    I would either like to decrease the minimum width of .employee to col-md-3 or something even smaller (like width: 20%) or center the .employee-photo in its parent div.

    I have tried without success:

    position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }

    and

    margin-left: auto;
    margin-right:auto;

    any help will be apprciated.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Something like this should do it:

    .employee-photo {
    margin-left: auto;
    margin-right:auto;
    display: block;
}

    Thread Starter paprika27

    (@paprika27)

    ah, block.

    thanks a lot!

    Hi Vlad,

    I have several questions with regard to employees:

    since I still have this “editor problem” where would I be able to put the above?

    And in order to have the photos same size, do I need to upload with same size?

    I wanted to display 4 employees in one row, but this seems not possible, only three, right?

    And how would I adjust the order of appearance?

    If I only want to display two employee, how do I get them centered? I have this problem with services. I just have two and it looks awful since they are aligned left instead of center and it looks like one is missing.

    Looking forward to your response!

    You should probably open your own topic since your questions are not related to this one.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘centering .employee-photo in .employee’ is closed to new replies.