1

私はJoomlaWebサイトを運営していて、launcrock-widgetを埋め込もうとしています(launchrockは、プロジェクトに関心のある人がメールを入力できるサービスなので、完了したらメールで送信できます)。本当にサイズを調整します。ウィジェットは、SourcererCodeHelperプラグインを使用してJoomlaの記事に挿入した1行のJavaScriptコードで提供されます。

ウィジェットはここに埋め込まれています:http: //cavemanskin.com/index.php/14-day-meal-plan-widget

現在、2つの問題があります。1)ウィジェットがページ全体を占めることと、2)テキストの下の灰色のボックスが消えて、実際に読むことができないことです。'inspect要素を使用すると、Launchrockがすべてを'lr-widget'という名前のDIVに入れることに気付きました。コードを追加しました:

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

ただし、ウィジェットは同じサイズのままです。誰かが私が間違っていることを教えてもらえますか?

編集:ウィジェットのコードは、launchrockを指定したドメインでのみ機能します。JavaScriptコードを含むPCで.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 に答える