Vertically align image inside widget or widget in row

  • lauratraveler

    (@lauratraveler)


    9 years, 10 months ago

    Hi, I’m trying to vertically align an image inside a widget. I’ve used this code, with no success (the two columns of the widget are interchanged by this code and no vertical alignment is visible)

    /* Vertically center text in cell*/
#pgc-3932-2-0.panel-grid-cell {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
}

    I’ve been using the same code on the homepage, and it seems to work. So it must be something fishy on this page, but for the life of me, I can’t figure out what.

    https://ww.wp.xz.cn/plugins/siteorigin-panels/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter lauratraveler

    (@lauratraveler)

    9 years, 10 months ago

    Just in case you need it, here’s the troublemaker – travelersuniverse.com/travel-hacks

    southerndork

    (@southerndork)

    9 years, 10 months ago

    Here is the code I use for text

    /* SO Image Widget */

    .so-widget-sow-image h2 {
    text-align: center;
    }

    Enter it under CSS Styles.

    Thread Starter lauratraveler

    (@lauratraveler)

    9 years, 10 months ago

    Does that code vertically align images? Because it looks to me it only does it horizontally. Maybe I’m wrong…

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

The topic ‘Vertically align image inside widget or widget in row’ is closed to new replies.