Easydiscuss css code conflicting with my banners code
By Niccolo Angeli on Monday, 30 July 2018
Posted in Technical Issues
Replies 3
Likes 0
Views 549
Votes 0
Hello,
I have some responsive banners and since the latest Easydiscuss update the css code


#ed img {

    min-width: 0;

    min-height: 0;

}

is conflicting with the banners code, causing the banner image to be shrinked on mobile devices.
the banner image should look banner-ok screenshot (see also here https://accademiainfinita.it/forum/index
but in easydiscuss pages looks like banner-ko screenshot (see also here https://accademiainfinita.it/blog/12-coscienza/1016-la-notte-buia-dell-anima)

I know that css code is conflicting with this




.responsive-banner .banner-img img {width:260px;

	  height: 100px;

	  max-width: 260px;

	}


but I am not able to find a solution.
I am not even sure if min-width: 0; min-height: 0; is valide css, since there is no px there, google chrome inspector thinks is not valid.

Could you suggest some code to correctly override it and have the banner images look good in easydicuss pages?

Thank you
Hi there,

Maybe you can try to apply css code below and see how it goes.

[gist type="css"]
#ed img {
min-width: inherit !important;
min-height: inherit !important;
[/gist]

If problems still persisted, Is it possible for you to provide us with the back end and FTP access to your site to check on this issue? Please advice.
Abdul Warith Norudin
·
Tuesday, 31 July 2018 18:10
·
0 Likes
·
0 Votes
·
0 Comments
·
It seems like it look fine for me, you can check my attached screenshot below.

I've tested on my android device and desktop browser simulator.
Arlex Wong
·
Tuesday, 31 July 2018 10:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Nope,
banner images are being shrinked. I know it's hard to notice depending on which banner is being showed, but I can see the difference. (The attached screenshot taken form my android phone shows it more clearly, the mandala in the image should be exactly round).

As i said, I have identified the css rule that cause this and it's 


#ed img {

    min-width: 0;

    min-height: 0;

}

If i disable it in the Chrome inspector, the images are not being shrinked anymore
Niccolo Angeli
·
Tuesday, 31 July 2018 16:51
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post