Background-images in user.css are "not found" by Chrome Inspect Elements

For Joomla! 5.x Coding related discussions, you could also use: http://groups.google.com/group/joomla-dev-general

Moderators: ooffick, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
nagaho2
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Thu Feb 15, 2024 10:03 pm

Background-images in user.css are "not found" by Chrome Inspect Elements

Post by nagaho2 » Thu Feb 22, 2024 4:03 pm

I am creating a new site using a child of the Cassiopea template.

I created a custom banner in modules
Under advanced:
module class: creative_banner
type: card


In my user.css
.creative_banner{
width:100%; background-image: url("images/curvy_fret_banner.png");
border-style:none; margin-top:0;
}
also tried blog/pego_images/curvy_fret_banner.png because that is where they client installed joomla

Image is in images folder


Chrome: "Failed to load resource: the server responded with a status of 404". Image does not display

The image placed inside module displays fine.

Forum Post Assistant (v1.6.6) : 22-Feb-2024 wrote:
Basic Environment :: wrote:Joomla! Instance :: Joomla! 5.0.2-Stable (Kuboresha) 9-January-2024
Joomla! Configured :: Yes | Read-Only (444) |
Configuration Options :: Offline: false | SEF: true | SEF Suffix: false | SEF ReWrite: false | .htaccess/web.config: No | GZip: false | Cache: false | CacheTime: 15 | CacheHandler: file | CachePlatformPrefix: false | FTP Layer: N/A | Proxy: false | LiveSite: | Session lifetime: 15 | Session handler: database | Shared sessions: false | SSL: 0 | Error Reporting: default | Site Debug: false | Language Debug: false | Default Access: Public | Unicode Slugs: false | dbConnection Type: mysqli | PHP Supports J! 5.0.2: Yes | Database Supports J! 5.0.2: Yes | Database Credentials Present: Yes |

Host Configuration :: OS: Linux | OS Version: 4.19.286-203.ELK.el7.x86_64 | Technology: x86_64 | Web Server: Apache | Encoding: gzip, deflate, br, zstd | System TMP Writable: Yes | Free Disk Space : 174.38 GiB |

PHP Configuration :: Version: 8.2.16 | PHP API: litespeed | Session Path Writable: Yes | Display Errors: 0 | Error Reporting: 22519 | Log Errors To: error_log | Last Known Error: 17th February 2024 04:23:27. | Register Globals: | Magic Quotes: | Safe Mode: | Allow url fopen: 1 | Open Base: | Uploads: 1 | Max. Upload Size: 512M | Max. POST Size: 516M | Max. Input Time: 60 | Max. Execution Time: 60 | Memory Limit: 512M

Database Configuration :: Version: 5.7.23-23 (Client:mysqlnd 8.2.16) | Database Size: 4.80 MiB | #of Tables with config prefix:  84 | #of other Tables:  0 | User Privileges : GRANT ALL
Detailed Environment :: wrote:PHP Extensions :: Core (8.2.16) | date (8.2.16) | libxml (8.2.16) | openssl (8.2.16) | pcre (8.2.16) | zlib (8.2.16) | filter (8.2.16) | hash (8.2.16) | json (8.2.16) | pcntl (8.2.16) | random (8.2.16) | readline (8.2.16) | Reflection (8.2.16) | SPL (8.2.16) | session (8.2.16) | standard (8.2.16) | litespeed () | bcmath (8.2.16) | bz2 (8.2.16) | calendar (8.2.16) | ctype (8.2.16) | curl (8.2.16) | dom (20031129) | mbstring (8.2.16) | fileinfo (8.2.16) | ftp (8.2.16) | gd (8.2.16) | gettext (8.2.16) | gmp (8.2.16) | iconv (8.2.16) | imap (8.2.16) | intl (8.2.16) | exif (8.2.16) | mysqlnd (mysqlnd 8.2.16) | odbc (8.2.16) | PDO (8.2.16) | pgsql (8.2.16) | Phar (8.2.16) | posix (8.2.16) | pspell (8.2.16) | SimpleXML (8.2.16) | soap (8.2.16) | sockets (8.2.16) | sodium (8.2.16) | sqlite3 (8.2.16) | tidy (8.2.16) | tokenizer (8.2.16) | xml (8.2.16) | xmlwriter (8.2.16) | xsl (8.2.16) | zip (1.21.1) | mysqli (8.2.16) | pdo_mysql (8.2.16) | PDO_ODBC (8.2.16) | pdo_pgsql (8.2.16) | pdo_sqlite (8.2.16) | xmlreader (8.2.16) | apcu (5.1.22) | imagick (3.5.0) | Zend OPcache (8.2.16) | Zend Engine (4.2.16) |
Potential Missing Extensions ::

Switch User Environment :: PHP CGI: Yes | Server SU: Yes | PHP SU: Yes | Potential Ownership Issues: No
Folder Permissions :: wrote:Core Folders :: images/ (755) | components/ (755) | modules/ (755) | plugins/ (755) | language/ (755) | templates/ (755) | cache/ (755) | logs/ (---) | tmp/ (755) | administrator/components/ (755) | administrator/modules/ (755) | administrator/language/ (755) | administrator/templates/ (755) | administrator/logs/ (755) | api/ (755) |

Elevated Permissions (First 10) ::
Database Information :: wrote:Database statistics :: Uptime: 5984910 | Threads: 8 | Questions: 14495624032 | Slow queries: 0 | Opens: 125814755 | Flush tables: 1 | Open tables: 20000 | Queries per second avg: 2422.028 |
Extensions Discovered :: wrote:Components :: Site ::
Core ::
3rd Party::

Components :: Admin ::
Core :: com_modules (4.0.0) 1 | com_contenthistory (4.0.0) 1 | com_redirect (4.0.0) 1 | com_users (4.0.0) 1 | com_media (3.0.0) 1 | com_guidedtours (4.3.0) 1 | com_checkin (4.0.0) 1 | com_finder (4.0.0) 1 | com_plugins (4.0.0) 1 | com_fields (4.0.0) 1 | com_cache (4.0.0) 1 | com_mails (4.0.0) 1 | com_joomlaupdate (4.0.3) 1 | com_actionlogs (3.9.0) 1 | com_associations (4.0.0) 1 | com_ajax (4.0.0) 1 | com_newsfeeds (4.0.0) 1 | com_tags (4.0.0) 1 | com_postinstall (4.0.0) 1 | com_wrapper (4.0.0) 1 | com_categories (4.0.0) 1 | com_templates (4.0.0) 1 | com_login (4.0.0) 1 | com_config (4.0.0) 1 | com_admin (4.0.0) 1 | com_content (4.0.0) 1 | com_installer (4.0.0) 1 | com_privacy (3.9.0) 1 | com_banners (4.0.0) 1 | com_scheduler (4.1.0) 1 | com_languages (4.0.0) 1 | com_cpanel (4.0.0) 1 | com_menus (4.0.0) 1 | com_messages (4.0.0) 1 | com_workflow (4.0.0) 1 |
3rd Party:: COM_CREATIVECONTACTFORM (5.0.0) 1 | com_akeebabackup (9.8.5) 1 |

Modules :: Site ::
Core :: mod_whosonline (3.0.0) 1 | mod_users_latest (3.0.0) 1 | mod_breadcrumbs (3.0.0) 1 | mod_related_items (3.0.0) 1 | mod_languages (3.5.0) 1 | mod_menu (3.0.0) 1 | mod_articles_archive (3.0.0) 1 | mod_feed (3.0.0) 1 | mod_articles_latest (3.0.0) 1 | mod_syndicate (3.0.0) 1 | mod_articles_categories (3.0.0) 1 | mod_tags_similar (3.1.0) 1 | mod_finder (3.0.0) 1 | mod_wrapper (3.0.0) 1 | mod_banners (3.0.0) 1 | mod_footer (3.0.0) 1 | mod_custom (3.0.0) 1 | mod_tags_popular (3.1.0) 1 | mod_articles_popular (3.0.0) 1 | mod_login (3.0.0) 1 | mod_stats (3.0.0) 1 | mod_random_image (3.0.0) 1 | mod_articles_news (3.0.0) 1 | mod_articles_category (3.0.0) 1 |
3rd Party:: MOD_CREATIVECONTACTFORM_NAME (5.0.0) 1 | CG Template Switcher (2.1.2) 1 |

Modules :: Admin ::
Core :: mod_post_installation_messages (4.0.0) 1 | mod_privacy_dashboard (3.9.0) 1 | mod_multilangstatus (3.0.0) 1 | mod_submenu (3.0.0) 1 | mod_frontend (4.0.0) 1 | mod_menu (3.0.0) 1 | mod_title (3.0.0) 1 | mod_messages (4.0.0) 1 | mod_feed (3.0.0) 1 | mod_toolbar (3.0.0) 1 | mod_guidedtours (4.3.0) 1 | mod_sampledata (3.8.0) 1 | mod_custom (3.0.0) 1 | mod_privacy_status (4.0.0) 1 | mod_login (3.0.0) 1 | mod_quickicon (3.0.0) 1 | mod_user (4.0.0) 1 | mod_latest (3.0.0) 1 | mod_stats_admin (3.0.0) 1 | mod_loginsupport (4.0.0) 1 | mod_latestactions (3.9.0) 1 | mod_logged (3.0.0) 1 | mod_popular (3.0.0) 1 | mod_version (3.0.0) 1 |
3rd Party::

Libraries ::
Core ::
3rd Party::

Plugins ::
Core :: plg_behaviour_compat (5.0.0) 1 | plg_behaviour_taggable (4.0.0) 1 | plg_behaviour_versionable (4.0.0) 1 | plg_quickicon_downloadkey (4.0.0) 1 | plg_quickicon_eos (4.4.0) 1 | plg_quickicon_privacycheck (3.9.0) 1 | plg_quickicon_overridecheck (4.0.0) 1 | plg_quickicon_extensionupdate (3.0.0) 1 | plg_quickicon_joomlaupdate (3.0.0) 1 | plg_quickicon_phpversioncheck (3.7.0) 1 | plg_sampledata_multilang (4.0.0) 1 | plg_workflow_publishing (4.0.0) 1 | plg_workflow_notification (4.0.0) 1 | plg_workflow_featuring (4.0.0) 1 | plg_privacy_message (3.9.0) 1 | plg_privacy_consents (3.9.0) 1 | plg_privacy_user (3.9.0) 1 | plg_privacy_actionlogs (3.9.0) 1 | plg_privacy_content (3.9.0) 1 | plg_task_updatenotification (5.0.0) 1 | plg_task_rotatelogs (5.0.0) 1 | plg_task_globalcheckin (5.0.0) 1 | plg_task_deleteactionlogs (5.0.0) 1 | plg_task_sessiongc (5.0.0) 1 | plg_task_check_files (4.1) 1 | plg_task_privacyconsent (5.0.0) 1 | plg_task_requests (4.1) 1 | plg_task_site_status (4.1) 1 | plg_user_terms (3.9.0) 0 | plg_user_profile (3.0.0) 0 | plg_user_contactcreator (3.0.0) 0 | plg_user_joomla (3.0.0) 1 | plg_user_token (3.9.0) 1 | plg_editors-xtd_readmore (3.0.0) 1 | plg_editors-xtd_image (3.0.0) 1 | plg_editors-xtd_article (3.0.0) 1 | plg_editors-xtd_module (3.5.0) 1 | plg_editors-xtd_fields (3.7.0) 1 | plg_editors-xtd_pagebreak (3.0.0) 1 | plg_editors-xtd_menu (3.7.0) 1 | plg_authentication_cookie (3.0.0) 1 | plg_authentication_joomla (3.0.0) 1 | plg_authentication_ldap (3.0.0) 0 | plg_actionlog_joomla (3.9.0) 1 | plg_filesystem_local (4.0.0) 1 | plg_webservices_banners (4.0.0) 1 | plg_webservices_newsfeeds (4.0.0) 1 | plg_webservices_privacy (4.0.0) 1 | plg_webservices_messages (4.0.0) 1 | plg_webservices_languages (4.0.0) 1 | plg_webservices_tags (4.0.0) 1 | plg_webservices_config (4.0.0) 1 | plg_webservices_redirect (4.0.0) 1 | plg_webservices_modules (4.0.0) 1 | plg_webservices_templates (4.0.0) 1 | plg_webservices_content (4.0.0) 1 | plg_webservices_plugins (4.0.0) 1 | plg_webservices_installer (4.0.0) 1 | plg_webservices_menus (4.0.0) 1 | plg_webservices_users (4.0.0) 1 | plg_webservices_media (4.1.0) 1 | plg_fields_editor (3.7.0) 1 | plg_fields_sql (3.7.0) 1 | plg_fields_calendar (3.7.0) 1 | plg_fields_url (3.7.0) 1 | plg_fields_user (3.7.0) 1 | plg_fields_subform (4.0.0) 1 | plg_fields_usergrouplist (3.7.0) 1 | plg_fields_checkboxes (3.7.0) 1 | plg_fields_list (3.7.0) 1 | plg_fields_text (3.7.0) 1 | plg_fields_radio (3.7.0) 1 | plg_fields_color (3.7.0) 1 | plg_fields_textarea (3.7.0) 1 | plg_fields_imagelist (3.7.0) 1 | plg_fields_integer (3.7.0) 1 | plg_fields_media (3.7.0) 1 | plg_extension_joomla (3.0.0) 1 | plg_extension_finder (4.0.0) 1 | plg_extension_namespacemap (4.0.0) 1 | plg_content_pagenavigation (3.0.0) 1 | plg_content_emailcloak (3.0.0) 1 | plg_content_joomla (3.0.0) 1 | plg_content_loadmodule (3.0.0) 1 | plg_content_fields (3.7.0) 1 | plg_content_vote (3.0.0) 0 | plg_content_finder (3.0.0) 1 | plg_content_pagebreak (3.0.0) 1 | plg_content_confirmconsent (3.9.0) 0 | plg_media-action_resize (4.0.0) 1 | plg_media-action_crop (4.0.0) 1 | plg_media-action_rotate (4.0.0) 1 | plg_finder_categories (3.0.0) 1 | plg_finder_newsfeeds (3.0.0) 1 | plg_finder_tags (3.0.0) 1 | plg_finder_contacts (3.0.0) 1 | plg_finder_content (3.0.0) 1 | plg_schemaorg_blogposting (5.0.0) 1 | plg_schemaorg_event (5.0.0) 1 | plg_schemaorg_recipe (5.0.0) 1 | plg_schemaorg_jobposting (5.0.0) 1 | plg_schemaorg_person (5.0.0) 1 | plg_schemaorg_book (5.0.0) 1 | plg_schemaorg_organization (5.0.0) 1 | plg_multifactorauth_email (4.2.0) 1 | plg_multifactorauth_webauthn (4.2.0) 1 | plg_multifactorauth_yubikey (3.2.0) 1 | plg_multifactorauth_fixed (4.2.0) 0 | plg_multifactorauth_totp (3.2.0) 1 | plg_installer_urlinstaller (3.6.0) 1 | plg_installer_packageinstaller (3.6.0) 1 | plg_installer_override (4.0.0) 1 | plg_installer_folderinstaller (3.6.0) 1 | plg_installer_webinstaller (4.0.0) 1 | plg_system_remember (3.0.0) 1 | plg_system_guidedtours (4.3.0) 1 | plg_system_httpheaders (4.0.0) 1 | plg_system_webauthn (4.0.0) 1 | plg_system_languagefilter (3.0.0) 0 | plg_system_schedulerunner (4.1) 1 | plg_system_accessibility (4.0.0) 0 | plg_system_highlight (3.0.0) 1 | plg_system_shortcut (4.2.0) 1 | plg_system_jooa11y (4.2.0) 1 | plg_system_task_notification (4.1) 1 | plg_system_fields (3.7.0) 1 | plg_system_cache (3.0.0) 0 | plg_system_logout (3.0.0) 1 | plg_system_redirect (3.0.0) 0 | plg_system_actionlogs (3.9.0) 1 | plg_system_log (3.0.0) 1 | plg_system_schemaorg (5.0.0) 1 | plg_system_stats (3.5.0) 0 | plg_system_debug (3.0.0) 1 | plg_system_privacyconsent (3.9.0) 0 | plg_system_sef (3.0.0) 1 | plg_system_languagecode (3.0.0) 0 | plg_system_skipto (4.0.0) 1 | plg_api-authentication_basic (4.0.0) 0 | plg_api-authentication_token (4.0.0) 1 |
3rd Party:: PLG_QUICKICON_AKEEBABACKUP (9.8.5) 1 | plg_editors_tinymce (6.7.3) 1 | plg_editors_codemirror (6.0.0) 1 | Creative Contact Form (5.0.0) 1 | plg_system_cgstyle (2.1.2) 1 |
Templates Discovered :: wrote:Templates :: Site :: helix_a (2.0.18) ? | cassiopeia (1.0) 1 | cassiopeia_cassiopeia_eldest_child (1.0) 1 |
Templates :: Admin :: atum (1.0) 1 |

nagaho2
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Thu Feb 15, 2024 10:03 pm

Re: Background-images in user.css are "not found" by Chrome Inspect Elements

Post by nagaho2 » Thu Feb 22, 2024 7:31 pm

I also tried ../images/curvy_fret_banner.png

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 30890
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: Background-images in user.css are "not found" by Chrome Inspect Elements

Post by Per Yngve Berg » Thu Feb 22, 2024 7:46 pm

Have you tried /images/curvy_fret_banner.png ?

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1618
Joined: Tue Jun 30, 2020 12:17 pm

Re: Background-images in user.css are "not found" by Chrome Inspect Elements

Post by Pavel-ww » Fri Feb 23, 2024 7:18 am

nagaho2 wrote:
Thu Feb 22, 2024 7:31 pm
I also tried ../images/curvy_fret_banner.png
Hi. Yes, as the Per mentioned, there should be a slash beforу. Like this /images/....

Additional advice. Never use the names as banner and other advertising names in the names of image files. Files with such names can be blocked by the Adblock and similar.

P.S. The FPA report can be useful only for PHP errors of for check system config. For CSS issues it is useless

nagaho2
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Thu Feb 15, 2024 10:03 pm

Re: Background-images in user.css are "not found" by Chrome Inspect Elements

Post by nagaho2 » Fri Feb 23, 2024 2:49 pm

Thanks but /images doesn't do it either.

I see that the css is /media/templates/site/ which is why I thought the ../images/ would go back far enough.

Thanks for the tip on the name.

(Thanks also for the tip on the FPA but the posting instructions made it sound important...)

nagaho2
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Thu Feb 15, 2024 10:03 pm

Re: Background-images in user.css are "not found" by Chrome Inspect Elements

Post by nagaho2 » Fri Feb 23, 2024 4:17 pm

The image still isn't displayed; Google Inspect Elements shows the error, but then when I refresh the error goes away but the image still does not display.

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1618
Joined: Tue Jun 30, 2020 12:17 pm

Re: Background-images in user.css are "not found" by Chrome Inspect Elements

Post by Pavel-ww » Sun Feb 25, 2024 7:00 am

nagaho2 wrote:
Fri Feb 23, 2024 4:17 pm
The image still isn't displayed; Google Inspect Elements shows the error, but then when I refresh the error goes away but the image still does not display.
URL?


Post Reply

Return to “Joomla! 5.x Coding”