Image box: mobile version cutting images

  • Resolved barbarabax

    (@barbarabax)


    6 years, 2 months ago

    Hello, I’ve created some image boxes and I can see them correctly on desktop while on mobile the size is different and the images are cutted.
    Can you help please?

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

Viewing 1 replies (of 1 total)
  • Plugin Author Benjamin Intal

    (@bfintal)

    I see. Your images are doing that because the images in image box blocks are assumed to be used for decorative purposes only – e.g. no text within them. To ensure that the text on the bottom of your images are always visible, you can add some custom CSS to forcibly align them to the bottom. This way, if some area would need to be cut, the top part would be trimmed:

    You can add this in Appearance > Customizer > Additional CSS:

    .ugb-image-box__item {
    background-position: bottom center !important;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Image box: mobile version cutting images’ is closed to new replies.