No Code Attached Yet Information Required
avatar modusworks
modusworks
18 Apr 2025

Steps to reproduce the issue

Background images applied to modules do not work well on responsive websites. The default CSS output is not set to "cover" for the background image. This really should be changed and set to default, OR introduce a setting to select the background settings (cover, contain, etc.).

Currently, the only fix is to override in CSS via module ID.

Expected result

Background images scale with proper aspect ratios.

Actual result

They don't.

System information (as much as possible)

Additional comments

avatar modusworks modusworks - open - 18 Apr 2025
avatar modusworks modusworks - change - 18 Apr 2025
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 18 Apr 2025
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 18 Apr 2025
avatar brianteeman
brianteeman - comment - 18 Apr 2025

Only one module supports a background image (the custom module) and it has an alternative layout called banner which does set the background image to cover etc

Image

avatar chmst
chmst - comment - 22 Apr 2025

@mwdev25 which modules do you mean?
If you add an image in a custom module, you must care yourself for the correct usage (class="image-fluid" or appropriate css).

Have you more information for us to understand your request?

avatar chmst chmst - change - 22 Apr 2025
Labels Added: Information Required
avatar chmst chmst - labeled - 22 Apr 2025
avatar mwdev25
mwdev25 - comment - 22 Apr 2025

I’m referencing the background image for the module only. It does not have any configuration options. On responsive sites the background image is distorted by not defaulting to “cover”

avatar chmst
chmst - comment - 22 Apr 2025

My question was: Which kind of module?
Custom Module?
Articles Module?
Banner Module? (see the comment from @brianteeman)
Other module type?

You can add a screenshot to make it clearer

avatar chmst chmst - change - 6 May 2025
Status New Closed
Closed_Date 0000-00-00 00:00:00 2025-05-06 11:29:51
Closed_By chmst
avatar chmst chmst - close - 6 May 2025
avatar chmst
chmst - comment - 6 May 2025

Closing as no information is given.

Add a Comment

Login with GitHub to post a comment