Solved Images cutoff in smaller screen size

sozzled wrote: ]Not necessarily. The template we're using on this site is not a fully "responsive" template that automatically adjusts everything to accommodate larger than usual images. Unless something has changed in the past couple of weeks (while I was away overseas) that someone hasn't told me about, I'm not entirely sure I know how best to advise you.

Typically, large images are resized on-the-fly by a server utility called "GD-something".

Nothing to do with responsive templates, it is the css of the shipped Kunena blue eagle css.

Thanks skybax, just deleted the !important of the width of Kunena img and it works now again! thanks for the answer

woonydanny: I'm discussing this issue with the team now. Perhaps the !important qualifier is unnecessary?

@skybax & woonydanny... Where is that .CSS?

components/com_kunena/template/blue_eagle/css/kunena.forum-min.css

Hi Wild Duck,

I think, you should override in the css file of your Joomla template. I'll not be lost when you update new version.

9themestore wrote: I think, you should override in the css file of your Joomla template. I'll not be lost when you update new version.

I agree.

Before people rush into [directly] modifying the file ../components/com_kunena/template/blue_eagle/css/kunena.default-min.css they should be aware of the problems that this can cause:

(1) The file is minified CSS and, because of that, people take the risk that they may corrupt it and make the entire CSS unworkable. People should only make changes to the Kunena template CSS as a last resort - when nothing else may seem to work - and they should not directly edit this file. Instead, it may be preferable to edit the non-minified version (../components/com_kunena/template/blue_eagle/css/kunena.default.css) and then minify using the method described in the Wiki artcle Minified CSS (even though the Wiki article was written for a much older version of Kunena).

(2) If you change the Kunena Blue Eagle template CSS, you should be aware that any changes you make will be over-written when you upgrade to a newer version. In the past this has prevented many members of the community upgrading because they've made many changes and, fearful of the loss, they've hesitated or not upgraded when new versions are released. Eventually, when the version of Kunena that they've been using, is no longer supported and they're more or less compelled to upgrade (in order to receive help on this forum) they find themselves in a complete mess and helpless to find information that may fix problems that arise when they upgrade.

(3) With future versions of Kunena utilising the more advanced features of CSS (including .LESS), the ability to directly edit the Kunena template CSS will become increasingly more complicated and may not even be possible without a thorough understanding of how to approach these things.

In order to overcome the issues that I've just mentioned, it is always better to make changes that override the Kunena template CSS by adding extra directives to the end of their Joomla site template CSS file.

While I agree with woonydanny that this is a problem caused by the current Kunena Blue Eagle template CSS file - and it is made difficult to overcome the problem because of a !important directive added to the rule - it is not impossible to work around the problem as I have done here on this website.

As a temporary workaround, I added the following CSS rule to the end of the site template here at www.kunena.org as follows: This is not an ideal solution but it works as you can see if you look at msg #4 in this topic. You will see that the large image is no longer cut off on the right side.

I am still discussing this issue with other members of the Kunena team and we hope to fix it properly so that the temporary workaround I just described will not be necessary.

The reason that the !important modified was added to the current rule may no longer be an issue. The developers cannot remember why this rule was created this way but they think it was to overcome problems that occurred several versions ago. These reasons may not necessarily be relevant today.

Therefore, I suggest that you look at the temporary workaround I have given in this topic and choose a value - in the case of this site, the value is 640px (which matches the site template used here) - that is better suited to your own needs.

I hope this helps.