• Hi,

    as you can see in the linked page, the Employee carousel shows people at different heights according to their job title lenght. i would like to have all the pictures aligned on top, while it seems now that the content is bottom-aligned, and it ignores the pagebuilder (siteorigin’s) instructions for the row.

    Hope someone can help me on this.

    Thanks!

    • This topic was modified 4 years, 6 months ago by MirkoB82.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello,

    It looks like your additional CSS code is causing that, you can try to disable it and see if this helps.

    Kind Regards, Roman.

    Thread Starter MirkoB82

    (@mirkob82)

    Hello Roman,

    i tried with Chrome inspector to deactivate every css entry in the page, but looks like nothing happens. furthermore, i see that the problem is just for desktop/laptop displays, as in Tablet format the carousel shows perfectly.

    what CSS code could create problems? is there any code i could mark as !important to keep the correct align?

    i do not have custom CSS for the page/widget, just use pure SiteOrigin Pagebuilder and Sydney Employees widget.

    thanks

    Hello,

    what CSS code could create problems?

    Both widgets seem to have problematic CSS code:

    @media only screen and (min-width: 971px) {[data-widgetid="employees-widget-5-0-0"].roll-team .owl-wrapper { text-align: center; width: 100% !important; }[data-widgetid="employees-widget-5-0-0"].roll-team.owl-carousel .owl-item { float: none; display: inline-block; }}

    @media only screen and (min-width: 971px) {[data-widgetid="employees-widget-5-1-0"].roll-team .owl-wrapper {text-align: center;width: 100% !important;}[data-widgetid="employees-widget-5-1-0"].roll-team.owl-carousel .owl-item {float: none;display: inline-block;}}

    Kind Regards, Roman.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Employee carousel top vertical align’ is closed to new replies.