Align logo’s vertically

  • Resolved reml

    (@reml)


    7 years, 12 months ago

    I’m working with a sponsor page with multiple columns. Because of the different aspect ratios of the sponsor images, I want them to be centered in the vertical direction as well as horizontally (the latter is implemented correctly).
    https://www.anewdawnofelectronics.nl/sponsors/

    How could I manage this? An old topic talked about adding:
    sponsor_image img {
    text-align: center;
    }

    to the CSS file, but it doesn’t seem to be working at the moment (I’m not familiar with CSS).

    Thanks in advance!

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

  • Good day,

    I had the same issue. I inserted the following into my Child Theme’s style sheet…

    NOTE: This is for a FOUR COLUMN layout, change appropriately if using a different amount of columns.

    .cr3_sponsorwrapper {
    width: 80%; /* Optional */
    margin: auto; /* Centers Container if Width is used */
    text-align: center; /* Centers logos on last line if line is not full */
    }
    .cr3_sponsorwrapper .fours-column {
    float: none;
    display: inline-block;
    vertical-align: middle;
    }

    I hope that helps, cheers.

    Plugin Author akyusa01

    (@akyusa01)

    Thanks for sharing that @mediumd ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Align logo’s vertically’ is closed to new replies.

Tags