Change the size to 100% instead of 800pxjan_2017 wrote: ↑Sat Apr 21, 2018 12:18 pm Hello.
I would like to insert a picture in some subforums to the place where in the acp the forum rules stand.
I can insert the pictures and it looks great. Unfortunately, the picture is too wide when I look at the phone. The picture has the dimensions 800x300 px.
What do I have to change that the image on the smartphone is displayed reduced in size?
Thanks
Code: Select all
.class_name img {
width: auto;
}
The solution from the German forum was described as follow.
Code: Select all
.imgrules img {
max-width: 100%;
height: auto;
margin: 12px;
}
viewtopic_body.html
Code: Select all
<!-- IF S_FORUM_RULES -->
<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
<div class="inner">
<!-- IF U_FORUM_RULES -->
<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
<!-- ELSE -->
<strong>{L_FORUM_RULES}</strong><br />
{FORUM_RULES}
<!-- ENDIF -->
</div>
</div>
<!-- ENDIF -->
Code: Select all
.rules img {
width: auto;
margin: 0 auto;
}
And I have to paste that now in the file color.css?GanstaZ wrote: ↑Sun Apr 22, 2018 12:43 pm Try something like this:Use width auto or change to max-widthCode: Select all
.rules img { width: auto; margin: 0 auto; }
Done. It doesn't work.
Code: Select all
@media only screen and (max-width: 300px), only screen and (max-device-width: 300px)