line breaks not working on mobile view

Shapely
1

Hi,
I want to purchase the theme but first there are some issues I’d like to sort out.

  1. On a mobile phone the line breaks <br> do no work. How to fix this?

  2. When giving a caption to an image in the image gallery the theme adds a huge border with gradient around the image.
    How can I remove this gradient border?

Regards,

JP

2

HI there

Can you please show me the page where this problem happens? let me check it first

3

Off course,

Line breaks: https://oudallee.nl/wp2020/bestuur/

Caption gradient borders: https://oudallee.nl/wp2020/de-buurt/

Thanks

4

hey there

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 767px){
br {
display: block;
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
background: linear-gradient(0deg,rgba(0, 0, 0, 0),rgba(0,0,0,0) 70%,transparent);
}

Thanks!
Colorlib Support Team

5

That did it, thanks a lot! :slight_smile:

6

Thank you ?

Ok, I will close this case now, Feel free to contact us again if you have other questions

Thanks!