Thumbnail-Image – how to get responsive?

  • Resolved stef7777

    (@stef7777)


    6 years, 11 months ago

    Hi,
    in this page i’ve included via Page Builder Plugin some text boxes (blue background, half transparent), and in each one a blue Thumbnail-Image.

    How can i get this full responsive? So that it resizes according to the referring headline (e.g. “Fertigung mit h?chster Pr?zision”)?
    In the moment it disappears completely while displaying it on mobile device.
    I’ve also set the background of the certain cells to blue, but that also doesn’t work.

    Thank you in advance,

    Stefan

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

Viewing 5 replies - 16 through 20 (of 20 total)
  • Plugin Support Andrew Misplon

    (@misplon)

    That’s a good warning, the vertical align is left over from when we had inline-block, you can remove it.

    Try changing to:

    .bluebox .widget-title {
	height: 38px;
	line-height: 38px;
	margin-left: 30px;
	position: relative;
}

    To you’re replacing the one rule with the above, I’m adding line-height into the widget-title rule.

    Thread Starter stef7777

    (@stef7777)

    okay, thx!
    But when i add the rule “line-height: 38px” the textline appears too far DOWN now…:/
    So i’ve tried to say “…18px” – looks good, i think… or what do you think?

    Plugin Support Andrew Misplon

    (@misplon)

    Sure, that’s good ??

    Thread Starter stef7777

    (@stef7777)

    cool!
    so – I think we can close this topic now!
    Thanks again, Andrew, for your great help!!!

    Plugin Support Andrew Misplon

    (@misplon)

    For sure ?? Glad we could make progress. All the best.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Thumbnail-Image – how to get responsive?’ is closed to new replies.