我正在尝试将背景图像添加到div 标签中,该标签位于 Joomla 自定义 HTML 模块中,该模块负责 T3 超级菜单中的下拉菜单。已使用 Firefox 开发者工具找到div 标签。
div class="nav-child-dropdown-menu mega-dropdown-menu">
想更改为:
div class="nav-child-subdown-menu mega-dropdown-menu style="background-image: url('/images/headers/button_background.png'(">
但是我找不到关联的文件来保存对远程主机的更改。请帮忙。
与其直接编辑文件(并在更新Joomla或第三方扩展时丢失更改(,不如使用CSS覆盖来实现此更改。
看起来您使用的是 T3 模板,因此请使用以下代码或类似代码在模板 CSS 文件夹中添加一个自定义.css文件:
.nav-child.dropdown-menu.mega-dropdown-menu {
background-image: url('/images/headers/button_background.png');
}
在进行任何更改之前,请从 Bootstrap.css 在此位置创建备份副本:
/components/com_eshop/assets/bootstrap/css/bootstrap.css
您可以通过编辑 Bootstrap.css 文件来执行此操作,首先将图像"button_background.png"复制到同一文件夹(Bootstrap.css所在的位置(。然后打开 Bootstrap.css 文件,并添加以下样式:
.mega-dropdown-menu {
background-image: url(button_background.png) !important /*only image name this case*/
}