Advertisement

Site Background Color

Everything to do with Joomla! 5.x templates and templating.

Moderator: 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
kenhambly
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Sun Jun 23, 2013 2:16 am

Site Background Color

Post by kenhambly » Sun Nov 10, 2024 1:24 am

I'm not quite a newby, been managing 3 websites since Joomla 3.1
(2 NFP association websites and my own personal site)
My problem is that I changed the background colour for one site template to a yellow many years ago. (springwoodfestival.org.au) Joomla 5.1.4
I can add a background image to the whole site using a free joomla extension, "Full Screen Background Image" but the yellow still shows through too much. I have spent many hours trying to find a solution to remove the yellow site background, including using user.css background-color: #cdeefd50; (light blue)
Still no luck.
Help Please?
Below is the result of fpa-en.php without the background image, showing the yellow.
Forum Post Assistant (v1.6.7) : 10-Nov-2024 wrote:
Basic Environment :: wrote:Joomla! Instance :: Joomla! 5.1.4-Stable (Kudumisha) 27-August-2024
Joomla! Configured :: Yes | Read-Only (444) |
Configuration Options :: Offline: false | SEF: true | SEF Suffix: false | SEF ReWrite: false | .htaccess/web.config: Yes | GZip: false | Cache: false | CacheTime: 15 | CacheHandler: file | CachePlatformPrefix: false | FTP Layer: false | Proxy: false | LiveSite: | Session lifetime: 25 | 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.1.4: Yes | Database Supports J! 5.1.4: Yes | Database Credentials Present: Yes |

Host Configuration :: OS: Linux | OS Version: 3.10.0-962.3.2.lve1.5.81.el7.x86_64 | Technology: x86_64 | Web Server: Apache | Encoding: gzip, deflate, br, zstd | System TMP Writable: Yes | Free Disk Space : 74.43 GiB |

PHP Configuration :: Version: 8.1.24 | PHP API: litespeed | Session Path Writable: Yes | Display Errors: 0 | Error Reporting: 22527 | Log Errors To: error_log | Last Known Error: 29th October 2024 23:21:34. | Register Globals: | Magic Quotes: | Safe Mode: | Allow url fopen: 1 | Open Base: | Uploads: 1 | Max. Upload Size: 200M | Max. POST Size: 250M | Max. Input Time: 60 | Max. Execution Time: 30 | Memory Limit: 300M

Database Configuration :: Version: 10.5.22-MariaDB-cll-lve-log (Client:3.1.22) | Database Size: 8.26 MiB | #of Tables with config prefix:  118 | #of other Tables:  0 | User Privileges : GRANT SELECTUser Privileges : INSERTUser Privileges : UPDATEUser Privileges : DELETEUser Privileges : CREATEUser Privileges : DROPUser Privileges : REFERENCESUser Privileges : INDEXUser Privileges : ALTERUser Privileges : CREATE TEMPORARY TABLESUser Privileges : LOCK TABLESUser Privileges : EXECUTEUser Privileges : CREATE VIEWUser Privileges : SHOW VIEWUser Privileges : CREATE ROUTINEUser Privileges : ALTER ROUTINEUser Privileges : EVENTUser Privileges : TRIGGER
Detailed Environment :: wrote:PHP Extensions :: Core (8.1.24) | date (8.1.24) | libxml (8.1.24) | openssl (8.1.24) | pcre (8.1.24) | sqlite3 (8.1.24) | zlib (8.1.24) | bz2 (8.1.24) | calendar (8.1.24) | ctype (8.1.24) | curl (8.1.24) | hash (8.1.24) | filter (8.1.24) | ftp (8.1.24) | gettext (8.1.24) | json (8.1.24) | iconv (8.1.24) | SPL (8.1.24) | pcntl (8.1.24) | readline (8.1.24) | Reflection (8.1.24) | session (8.1.24) | standard (8.1.24) | mbstring (8.1.24) | shmop (8.1.24) | SimpleXML (8.1.24) | tokenizer (8.1.24) | xml (8.1.24) | litespeed () | bcmath (8.1.24) | dom (20031129) | fileinfo (8.1.24) | gd (8.1.24) | imap (8.1.24) | exif (8.1.24) | mysqli (8.1.24) | mysqlnd (mysqlnd 8.1.24) | PDO (8.1.24) | pdo_mysql (8.1.24) | pdo_sqlite (8.1.24) | Phar (8.1.24) | posix (8.1.24) | sockets (8.1.24) | xmlreader (8.1.24) | xmlwriter (8.1.24) | xsl (8.1.24) | intl (8.1.24) | mcrypt (1.0.4) | soap (8.1.24) | zip (1.19.5) | ionCube Loader (12.0.5) | Zend Engine (4.1.24) |
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/ (755) | 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: 6551360 | Threads: 108 | Questions: 2254492356 | Slow queries: 1721 | Opens: 73940099 | Open tables: 10240 | Queries per second avg: 344.125 |
Extensions Discovered :: wrote:Components :: Site ::
Core ::
3rd Party:: WF_AGGREGATOR_AUDIO_TITLE (2.9.80) ? | WF_AGGREGATOR_DAILYMOTION_TITLE (2.9.80) ? | WF_AGGREGATOR_VIDEO_TITLE (2.9.80) ? | WF_AGGREGATOR_VIMEO_TITLE (2.9.80) ? | WF_AGGREGATOR_[youtube]_TITLE (2.9.80) ? | WF_FILESYSTEM_JOOMLA_TITLE (2.9.80) ? | WF_LINKS_JOOMLALINKS_TITLE (2.9.80) ? | WF_POPUPS_JCEMEDIABOX_TITLE (2.9.80) ? | WF_LINK_SEARCH_TITLE (2.9.80) ? | WF_ANCHOR_TITLE (2.9.80) ? | WF_ARTICLE_TITLE (2.9.80) ? | WF_ATTRIBUTES_TITLE (2.9.80) ? | WF_AUTOSAVE_TITLE (2.9.80) ? | WF_BROWSER_TITLE (2.9.80) ? | WF_CHARMAP_TITLE (2.9.80) ? | WF_CLEANUP_TITLE (2.9.80) ? | WF_CLIPBOARD_TITLE (2.9.80) ? | WF_CONTEXTMENU_TITLE (2.9.80) ? | WF_DIRECTIONALITY_TITLE (2.9.80) ? | WF_EMOTIONS_TITLE (2.9.80) ? | WF_FONTCOLOR_TITLE (2.9.80) ? | WF_FONTSELECT_TITLE (2.9.80) ? | WF_FONTSIZESELECT_TITLE (2.9.80) ? | WF_FORMATSELECT_TITLE (2.9.80) ? | WF_FULLSCREEN_TITLE (2.9.80) ? | WF_HELP_TITLE (2.9.80) ? | WF_HR_TITLE (2.9.80) ? | WF_IMGMANAGER_TITLE (2.9.80) ? | WF_KITCHENSINK_TITLE (2.9.80) ? | WF_LANGCODE_TITLE (2.9.80) ? | WF_LINK_TITLE (2.9.80) ? | WF_LISTS_TITLE (2.9.80) ? | WF_MEDIA_TITLE (2.9.80) ? | WF_NONBREAKING_TITLE (2.9.80) ? | JCE - Noneditable (1.0.0) ? | WF_PREVIEW_TITLE (2.9.80) ? | WF_PRINT_TITLE (2.9.80) ? | WF_REFERENCE_TITLE (2.9.80) ? | WF_SEARCHREPLACE_TITLE (2.9.80) ? | WF_SOURCE_TITLE (2.9.80) ? | WF_SPELLCHECKER_TITLE (2.9.80) ? | WF_STYLE_TITLE (2.9.80) ? | WF_STYLESELECT_TITLE (2.9.80) ? | WF_TABLE_TITLE (2.9.80) ? | WF_TEXTCASE_TITLE (2.9.80) ? | WF_VISUALBLOCKS_TITLE (2.9.80) ? | WF_VISUALCHARS_TITLE (2.9.80) ? | WF_WORDCOUNT_TITLE (2.9.80) ? |

Components :: Admin ::
Core :: com_actionlogs (3.9.0) 1 | com_admin (4.0.0) 1 | com_ajax (4.0.0) 1 | com_associations (4.0.0) 1 | com_banners (4.0.0) 1 | com_cache (4.0.0) 1 | com_categories (4.0.0) 1 | com_checkin (4.0.0) 1 | com_config (4.0.0) 1 | com_content (4.0.0) 1 | com_contenthistory (4.0.0) 1 | com_cpanel (4.0.0) 1 | com_fields (4.0.0) 1 | com_finder (4.0.0) 1 | com_installer (4.0.0) 1 | com_joomlaupdate (4.0.3) 1 | com_languages (4.0.0) 1 | com_login (4.0.0) 1 | com_media (3.0.0) 1 | com_menus (4.0.0) 1 | com_messages (4.0.0) 1 | com_modules (4.0.0) 1 | com_newsfeeds (4.0.0) 1 | com_plugins (4.0.0) 1 | com_postinstall (4.0.0) 1 | com_privacy (3.9.0) 1 | com_redirect (4.0.0) 1 | com_search (4.0.0-dev) 1 | com_tags (4.0.0) 1 | com_templates (4.0.0) 1 | com_users (4.0.0) 1 | com_weblinks (4.0.1) 1 | com_wrapper (4.0.0) 1 | com_mails (4.0.0) 1 | com_scheduler (4.1.0) 1 | com_workflow (4.0.0) 1 | com_guidedtours (4.3.0) 1 |
3rd Party:: com_admintools (7.3.4) 1 | FlexiContact (13.04) 1 | COM_SIGE (3.4.2-FREE) 1 | com_akeebabackup (9.5.0) 1 | Slideshow CK (2.3.15) 1 | Slideshow CK - Articles (2.3.9) 1 | Slideshow CK - Flexicontent (2.3.10) 1 | Slideshow CK - Flickr (2.3.6) 1 | Slideshow CK - Folder (2.3.15) 1 | Slideshow CK - Google (2.3.6) 1 | Slideshow CK - Hikashop (2.3.5) 1 | Slideshow CK - Joomgallery (2.3.5) 1 | Slideshow CK - K2 (2.3.5) 1 | Slideshow CK - Virtuemart (2.3.5) 1 | System - Slideshow CK (2.3.5) 1 | com_slideshowck (2.3.15) 1 | COM_JCE (2.9.80) 1 |

Modules :: Site ::
Core :: mod_articles_archive (3.0.0) 1 | mod_articles_categories (3.0.0) 1 | mod_articles_category (3.0.0) 1 | mod_articles_latest (3.0.0) 1 | mod_articles_news (3.0.0) 1 | mod_articles_popular (3.0.0) 1 | mod_banners (3.0.0) 1 | mod_breadcrumbs (3.0.0) 1 | mod_custom (3.0.0) 1 | mod_feed (3.0.0) 1 | mod_finder (3.0.0) 1 | mod_footer (3.0.0) 1 | mod_languages (3.5.0) 1 | mod_login (3.0.0) 1 | mod_menu (3.0.0) 1 | mod_random_image (3.0.0) 1 | mod_related_items (3.0.0) 1 | mod_search (4.0.0-dev) 1 | mod_stats (3.0.0) 1 | mod_syndicate (3.0.0) 1 | mod_tags_popular (3.1.0) 1 | mod_tags_similar (3.1.0) 1 | mod_users_latest (3.0.0) 1 | mod_weblinks (4.0.1) 1 | mod_whosonline (3.0.0) 1 | mod_wrapper (3.0.0) 1 |
3rd Party:: Perfect Everything in Everyway (2.0.8) 1 | Slideshow CK (2.3.15) 1 | KickstartCassiopeia module (1.5) 1 | Full Screen Background Image (1.0.0) 1 |

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

Libraries ::
Core ::
3rd Party:: file_fof30 (3.7.0) ? | file_fof40 (4.1.3) ? |

Plugins ::
Core :: plg_actionlog_joomla (3.9.0) 0 | plg_authentication_cookie (3.0.0) 1 | plg_authentication_joomla (3.0.0) 1 | plg_authentication_ldap (3.0.0) 0 | plg_captcha_recaptcha_invisible (3.8) 1 | plg_captcha_recaptcha_invisible (3.8) 1 | plg_content_confirmconsent (3.9.0) 0 | plg_content_emailcloak (3.0.0) 1 | plg_content_fields (3.7.0) 1 | plg_content_finder (3.0.0) 0 | plg_content_joomla (3.0.0) 1 | plg_content_loadmodule (3.0.0) 1 | plg_content_pagebreak (3.0.0) 1 | plg_content_pagenavigation (3.0.0) 1 | plg_content_vote (3.0.0) 1 | plg_editors-xtd_article (3.0.0) 1 | plg_editors-xtd_fields (3.7.0) 1 | plg_editors-xtd_image (3.0.0) 1 | plg_editors-xtd_menu (3.7.0) 1 | plg_editors-xtd_module (3.5.0) 1 | plg_editors-xtd_pagebreak (3.0.0) 1 | plg_editors-xtd_readmore (3.0.0) 1 | plg_editors-xtd_weblink (4.0.1) 0 | plg_extension_joomla (3.0.0) 1 | plg_extension_namespacemap (4.0.0) 1 | plg_extension_finder (4.0.0) 1 | plg_fields_calendar (3.7.0) 1 | plg_fields_checkboxes (3.7.0) 1 | plg_fields_color (3.7.0) 1 | plg_fields_editor (3.7.0) 1 | plg_fields_imagelist (3.7.0) 1 | plg_fields_integer (3.7.0) 1 | plg_fields_list (3.7.0) 1 | plg_fields_media (3.7.0) 1 | plg_fields_radio (3.7.0) 1 | plg_fields_sql (3.7.0) 1 | plg_fields_text (3.7.0) 1 | plg_fields_textarea (3.7.0) 1 | plg_fields_url (3.7.0) 1 | plg_fields_user (3.7.0) 1 | plg_fields_usergrouplist (3.7.0) 1 | plg_fields_subform (4.0.0) 1 | plg_finder_categories (3.0.0) 1 | plg_finder_contacts (3.0.0) 1 | plg_finder_content (3.0.0) 1 | plg_finder_newsfeeds (3.0.0) 1 | plg_finder_tags (3.0.0) 1 | plg_finder_weblinks (4.0.1) 1 | plg_installer_folderinstaller (3.6.0) 1 | plg_installer_packageinstaller (3.6.0) 1 | plg_installer_urlinstaller (3.6.0) 1 | plg_installer_webinstaller (4.0.0) 1 | plg_installer_override (4.0.0) 1 | plg_privacy_actionlogs (3.9.0) 0 | plg_privacy_consents (3.9.0) 0 | plg_privacy_content (3.9.0) 0 | plg_privacy_message (3.9.0) 0 | plg_privacy_user (3.9.0) 0 | plg_quickicon_extensionupdate (3.0.0) 1 | plg_quickicon_joomlaupdate (3.0.0) 0 | plg_quickicon_phpversioncheck (3.7.0) 1 | plg_quickicon_privacycheck (3.9.0) 0 | plg_quickicon_downloadkey (4.0.0) 1 | plg_quickicon_overridecheck (4.0.0) 1 | plg_quickicon_eos (4.4.0) 1 | plg_sampledata_multilang (4.0.0) 1 | plg_search_categories (4.0.0-dev) 1 | plg_search_contacts (4.0.0-dev) 1 | plg_search_content (4.0.0-dev) 1 | plg_search_newsfeeds (4.0.0-dev) 1 | plg_search_tags (4.0.0-dev) 0 | plg_search_weblinks (4.0.1) 1 | plg_behaviour_taggable (4.0.0) 1 | plg_behaviour_versionable (4.0.0) 1 | plg_behaviour_compat (5.0.0) 1 | plg_api-authentication_token (4.0.0) 1 | plg_api-authentication_basic (4.0.0) 0 | plg_workflow_featuring (4.0.0) 1 | plg_workflow_notification (4.0.0) 1 | plg_workflow_publishing (4.0.0) 1 | plg_multifactorauth_email (4.2.0) 0 | plg_multifactorauth_fixed (4.2.0) 0 | plg_multifactorauth_yubikey (3.2.0) 0 | plg_multifactorauth_webauthn (4.2.0) 0 | plg_multifactorauth_totp (3.2.0) 0 | plg_filesystem_local (4.0.0) 1 | plg_webservices_menus (4.0.0) 1 | plg_webservices_users (4.0.0) 1 | plg_webservices_templates (4.0.0) 1 | plg_webservices_tags (4.0.0) 1 | plg_webservices_plugins (4.0.0) 1 | plg_webservices_config (4.0.0) 1 | plg_webservices_content (4.0.0) 1 | plg_webservices_installer (4.0.0) 1 | plg_webservices_messages (4.0.0) 1 | plg_webservices_newsfeeds (4.0.0) 1 | plg_webservices_redirect (4.0.0) 1 | plg_webservices_media (4.1.0) 1 | plg_webservices_languages (4.0.0) 1 | plg_webservices_banners (4.0.0) 1 | plg_webservices_privacy (4.0.0) 1 | plg_webservices_modules (4.0.0) 1 | plg_media-action_crop (4.0.0) 1 | plg_media-action_resize (4.0.0) 1 | plg_media-action_rotate (4.0.0) 1 | plg_task_site_status (4.1) 1 | plg_task_requests (4.1) 1 | plg_task_check_files (4.1) 1 | plg_task_sessiongc (5.0.0) 1 | plg_task_globalcheckin (5.0.0) 1 | plg_task_deleteactionlogs (5.0.0) 1 | plg_task_rotatelogs (5.0.0) 1 | plg_task_privacyconsent (5.0.0) 1 | plg_task_updatenotification (5.0.0) 1 | plg_schemaorg_article (5.1.0) 1 | plg_schemaorg_person (5.0.0) 1 | plg_schemaorg_custom (5.1.0) 1 | plg_schemaorg_recipe (5.0.0) 1 | plg_schemaorg_book (5.0.0) 1 | plg_schemaorg_event (5.0.0) 1 | plg_schemaorg_jobposting (5.0.0) 1 | plg_schemaorg_blogposting (5.0.0) 1 | plg_schemaorg_organization (5.0.0) 1 | plg_system_actionlogs (3.9.0) 0 | plg_system_cache (3.0.0) 0 | plg_system_debug (3.0.0) 1 | plg_system_fields (3.7.0) 1 | plg_system_highlight (3.0.0) 1 | plg_system_languagecode (3.0.0) 0 | plg_system_languagefilter (3.0.0) 0 | plg_system_log (3.0.0) 1 | plg_system_logout (3.0.0) 1 | plg_system_privacyconsent (3.9.0) 0 | plg_system_redirect (3.0.0) 0 | plg_system_remember (3.0.0) 1 | plg_system_sef (3.0.0) 1 | plg_system_stats (3.5.0) 1 | plg_system_weblinks (4.0.1) 0 | plg_system_schedulerunner (4.1) 1 | plg_system_accessibility (4.0.0) 0 | plg_system_jooa11y (4.2.0) 1 | plg_system_task_notification (4.1) 1 | plg_system_shortcut (4.2.0) 1 | plg_system_httpheaders (4.0.0) 0 | plg_system_webauthn (4.0.0) 1 | plg_system_skipto (4.0.0) 1 | plg_system_guidedtours (4.3.0) 1 | plg_system_schemaorg (5.0.0) 1 | plg_user_contactcreator (3.0.0) 0 | plg_user_joomla (3.0.0) 1 | plg_user_profile (3.0.0) 0 | plg_user_terms (3.9.0) 0 | plg_user_token (3.9.0) 1 |
3rd Party:: PLG_ACTIONLOG_ADMINTOOLS (7.3.4) 0 | Simple Image Gallery (by JoomlaWork (3.6.0) ? | Simple Image Gallery (by JoomlaWork (3.6.0) ? | PLG_CONTENT_SIGE (3.4.2-FREE) 1 | pdf_embed (3.0.0) 1 | AllVideos (by JoomlaWorks) (6.1.0) 1 | AllVideos (by JoomlaWorks) (6.1.0) 1 | pdf_btn (3.0.0) 1 | plg_editors_codemirror (6.0.0) 1 | plg_editors_tinymce (6.8.4) 1 | plg_editors_jce (2.9.80) 1 | plg_extension_jce (2.9.80) 1 | plg_fields_mediajce (2.9.80) 1 | plg_installer_jce (2.9.80) 1 | plg_quickicon_jce (2.9.80) 1 | Slideshow CK - Articles (2.3.9) 1 | Slideshow CK - Flexicontent (2.3.10) 1 | Slideshow CK - Flickr (2.3.6) 1 | Slideshow CK - Folder (2.3.15) 1 | Slideshow CK - Google (2.3.6) 1 | Slideshow CK - Hikashop (2.3.5) 1 | Slideshow CK - Joomgallery (2.3.5) 1 | Slideshow CK - K2 (2.3.5) 1 | Slideshow CK - Virtuemart (2.3.5) 1 | PLG_TASK_AKEEBABACKUP (9.5.0) 0 | PLG_SYSTEM_ADMINTOOLS (7.3.4) 0 | System - Slideshow CK (2.3.5) 1 | plg_system_jce (2.9.80) 1 | plg_system_tjupdates (1.0.3) 1 |
Templates Discovered :: wrote:Templates :: Site :: cassiopeia (1.0) 1 | cassiopeia_cassiopeia_child (1.0) 1 |
Templates :: Admin :: atum (1.0) 1 |
Thanks,
Ken.

Advertisement
User avatar
AMurray
Joomla! Master
Joomla! Master
Posts: 10343
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Site Background Color

Post by AMurray » Sun Nov 10, 2024 6:19 am

I think your user.css code should be something like:

Code: Select all

body
  { background-color: #cdeefd50; }
adding "body" defines that colour to the entire page or pages.

Refer this reference for further assistance:
https://www.w3schools.com/cssref/pr_bac ... -color.php

Noting you have Cassiopeia and a child template of Cassiopeia; which is the active template you're using? Have you updated perhaps the incorrect user.css?
Regards - A Murray
General Support Moderator

kenhambly
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Sun Jun 23, 2013 2:16 am

Re: Site Background Color

Post by kenhambly » Sun Nov 10, 2024 7:37 am

Thanks so much for the reply, greatly appreciated. I'll get onto it and get back.
The user-css is in :
Editing file "‎/media/templates/site/cassiopeia_cassiopeia_child/css/user.css" in template "cassiopeia_cassiopeia_child".
I'll put one in the main Cassiopeia.
Ken.

kenhambly
Joomla! Apprentice
Joomla! Apprentice
Posts: 12
Joined: Sun Jun 23, 2013 2:16 am

Re: Site Background Color

Post by kenhambly » Mon Nov 11, 2024 3:58 am

G'Day A Murray,
I tried your code but the yellow was still on the site. So I tried a workaround with a background image with a white solid layer backing (flattened) with this code on :-
Editing file "‎/media/templates/site/cassiopeia_cassiopeia_child/css/user.css" in template "cassiopeia_cassiopeia_child".
code:
body {
background-image: url(/images/streetscenepale950px.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
AND IT WORKS! except for yellow still showing a little under the topbar, menu, search positions. ???? The footer is still solid yellow, no image??

Weird?? see springwoodfestival.org.au
Thanks again for your help,
Ken

gws
Joomla! Champion
Joomla! Champion
Posts: 6455
Joined: Tue Aug 23, 2005 1:56 pm
Location: South coast, UK
Contact:

Re: Site Background Color

Post by gws » Mon Nov 11, 2024 8:38 am

Have a look at https://colours.joomla.com/ it will generate a user.css for you to try.

Mr. Wimpy
Joomla! Guru
Joomla! Guru
Posts: 584
Joined: Fri Dec 02, 2005 10:46 am
Location: The Netherlands

Re: Site Background Color

Post by Mr. Wimpy » Mon Nov 11, 2024 8:55 am

Before we can help you I recomend cleaning up your css and html.
Clean and well organised CSS and HTML makes maintaining and solving issues with your site/template much easier.

You have:
  • Style blocks in your template's index.php file, that's why A.Murrays suggesties did not work. It overrides the css in user.css.
  • Styles on html elements, they will always override your css, which makes it almost impossible to re-style, unless you use !important. (Which you shouldn't.) Use classes and style your elements through css in user.css.
  • Use correct html: headers are h1,h2,h3 etc, not <p style="font-size:24px;">
I would suggest to start over.
A lot of work, but you'll be happy you did later on.
  1. Collect all CSS from user.css, index.php and your content (articles?) into a temporary empty file so it's not lost.
  2. Remove all inline styles from index.php and your content, use classes if needed.
  3. Set the correct html elements (headers, etc.)
  4. Start adding clean css into an empty user.css, use the temporary file mentioned earlier as a reference.

Meanwhile...
1. Yellow background
A. Murrays answer is correct, however... the css that declares the yellow body background is loaded in a style block in your template's index.php. Thus overriding the css set in user.css.

2. Yellow glow in the header
In that same block you have css for .container-header. The yellow glow is declared with box-shadow...
And the url for background image is incomplete.

Look in your template's index.php file for the style block after the breadcrumbs.

Advertisement

Post Reply

Return to “Templates for Joomla! 5.x”