html - Joomla 网站上的子类样式问题

标签 html css joomla styling subclass

虽然我使用的是预定义的 Joomla 模板,但我正在重新设计样式,但我的 CSS 知识一般。我的问题存在于我希望重新设置已应用模块类后缀的模块的样式中。我能够对整个模块进行更改,尽管我正在尝试在其中设置子类元素的样式。例如在页面上 -

http://kcrarea.com/index.php/about/getlisted/basic-listing

我希望仅在此实例中重新设置社交登录的样式,因此我将类 REQ 应用于该模块。

我如何着手设计将控制它的子类的样式。例如,我试图将 SOCIAL LOGIN 图标向下移动,所以我创建了样式:

#interfacecontainerdiv .REQ

这不起作用,我需要做什么?

感谢您的帮助。

谢谢

最佳答案

在我看来,目前 REQ 似乎仅适用于其中包含登录名的 block 模块。将 #interfacecontainerdiv .REQ 放入 .css 文件中不会将 .REQ 的样式添加到 interfacecontainerdiv,如果这是您尝试做的。您必须直接更改 interfacecontainerdiv 的 css 设置,或者将 REQ 类附加到代码中的 div。

查看您的 template.css 的第 264 行,那里似乎是为 interfacecontainerdiv 安排的。您会发现上边距有一个负值,除其他外,这可能是 div 显示在这个奇怪位置的原因之一。您使用的是火狐浏览器吗?它有一个很棒的工具,如果您右键单击一个元素并选择“检查元素”,它将在屏幕底部打开各种工具。您可以在那里更改 css 设置并立即查看效果。

顺便说一句:#interfacecontainerdiv .REQ 的意思是“将以下设置应用于类为“REQ”的元素,它可以在 ID 为“interfacecontainerdiv”的元素内部找到”;-)

关于html - Joomla 网站上的子类样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18922151/

相关文章:

html - CSS 安全区域属性在 iPhone X 上不起作用

php - 提交表单以进行进一步更新后如何在字段中保留输入

java - 使用 jsp 和 struts 1 自动聚焦 html 标签

html - 如何通过html或css横向显示链接图片

php - 如果用户在 joomla 中的客户端 javascript 应用程序上仍然处于事件状态,我如何延长 Joomla session ?

html - 存储 svg 图标的最佳实践?

javascript - 如何启用模式的背景阴影?

html - CSS 内容中的字体很棒,无法在移动设备上呈现

php - 如何获取组件参数?

mysql - 指定的 key 太长;最大 key 长度为 1000 字节