我有CSS的中等知识，虽然我使用的是预定义的Joomla模板，我正在重新设计。我的问题存在于我希望重新设计我已应用Module Class Suffix的模块。我能够对整个模块进行更改，尽管我正在尝试在其中设置子类元素的主要发布。例如，在页面上 -
http://kcrarea.com/index.php/about/getlisted/basic-listing
我希望仅在此实例中重新设置Social Login，因此我将类REQ应用于模块。
我如何设计将控制它的子类的样式。例如，我试图将社交LOGIN图标向下移动，因此我创建了样式：
#interfacecontainerdiv .REQ
这不起作用，所以我需要做什么？
感谢您的帮助。
谢谢
答案 0 :(得分：1)
对我来说，看起来REQ目前只适用于具有登录功能的块模块。将#interfacecontainerdiv .REQ放在.css文件中不会将.REQ的样式添加到interfacecontainerdiv，如果这是您要执行的操作。您必须直接更改interfacecontainerdiv的css设置，或者将REQ类附加到代码中的div。
看看你的template.css的第264行，这就是为interfacecontainerdiv安排的事情。你会发现上边距有一个负值，除其他外，这可能是一个指示器为什么在这个奇怪的位置显示div的指示器。你在使用Firefox吗？它有一个很棒的工具，如果您右键单击某个项目并选择“检查元素”，它将在屏幕底部打开各种工具。在那里你可以改变css设置并立即看到效果。
BTW：#interfacecontainerdiv .REQ表示“将以下设置应用于具有类”REQ“的元素，该元素可以在id为”interfacecontainerdiv“”的元素内找到; - ）
答案 1 :(得分：1)
也许您可以在Joomla中的“模块管理器”输入“模块类后缀”之前尝试添加空格。查看Joomla manual
然后在你的css文件中
div.req{}
或
div#content-bottom.req
答案 2 :(得分：0)
我看不到#interfacecontainerdiv id？
也许试试：
#content-bottom .REQ
或简单地说：
.REQ