1

我正在运行一个 Joomla 网站，并且正在尝试嵌入一个 launcrock-widget（launchrock 是一项服务，它可以让对您的项目感兴趣的人输入他们的电子邮件，所以当您完成后，您可以通过电子邮件发送给他们），但我不能真的调整它的大小。该小部件包含 1 行 javascript 代码，我使用 Sourcerer Code Helper 插件将其放入 Joomla 文章中。

该小部件嵌入此处： http ://cavemanskin.com/index.php/14-day-meal-plan-widget

现在有 2 个问题：由于某种原因 1) 小部件占据了整个页面 2) 文本下方的灰色框消失了，因此您无法真正阅读它。使用“检查元素”，我注意到 Launchrock 将所有内容放在名为“lr-widget”的 DIV 中。我添加了代码：

<style type="text/css">  
div#lr-widget { height:300px; width:300px }  
</style>

但是小部件仍然是相同的大小。谁能告诉我我做错了什么？

编辑：小部件的代码仅适用于我给launchrock的域，我想在我的PC上试验一个带有javascript代码的.html，但launchrock小部件根本不加载。

4

1 回答 1

1

在 Chrome 开发人员中查看这个有一个内壳，也可以自定义并添加到您的主 CSS 中，因此覆盖他们的类并添加到您的主 CSS 中。

前任：

.LR-content {
    color: #FFFFFF;
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 200px;
    min-height: 100%;
    position: absolute;
    width: 500px;
    z-index: 0;
}

.LR-bg-img {
    background-attachment: fixed;
    background-color: #222222;
    background-image: url("img/classicBg.png");
    background-position: center center;
    background-size: cover;
    content: "";
    height: 50%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

我只是在测试这些，你可以看到许多变化。所以你可以尝试抓取这些代码并将它们覆盖在你的主人身上。

于 2013-01-10T14:49:39.537 回答