Question

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

小部件嵌入在这里： http://cavemanskin.com/index.php/14-day-meal-plan-widget

现在有两个问题：由于某种原因1）小部件占用了整个页面，2）文本下面的灰色框已经消失，所以你无法真正阅读它。使用'inspect元素，我注意到Launchrock将所有内容都放在名为'lr-widget'的DIV中。我添加了代码：

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

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

编辑：窗口小部件的代码只能在我给launchrock的域上运行，我想在我的电脑上试用.html，其中包含javascript代码，但启动窗口小部件根本没有加载。

Answer 1

在Chrome开发人员看来，有一个内壳也可以自定义并添加到你的主css中，所以覆盖他们的类并添加到你的主CSS。

EX：

.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;
}

我只是测试那些，你可以看到很多变化。因此，您可以尝试抓取这些代码并在主服务器上覆盖它们。

如何调整Launchrock-widget的大小？

1 个答案: