2016-11-15 12 views
0

テーマをカスタマイズしようとしています。BigCommerceです。問題は、このテーマがCSSの代わりにSASS(.scss)ファイルを使用していることです。私はSASSの基礎知識を持っています。.ssssファイルやテーマにCSSを追加するには

しかし、私はhtmlテンプレートに従ってテーマをカスタマイズする必要があります。言い換えれば、私はテーマ(フリーマーケットからダウンロードされたテーマ)にHTMLテンプレートを変換しようとしていると言うことができます。 問題があります.HTMLテンプレートはCSSを使用し、テーマは.SCSSを使用しています。だから今私はテーマにテンプレートのCSSを追加する方法を見つけることを試みています。

今私は私が直接この

.header-logo-text{color:#ffffff!important;} 

上記CSSコードのような.SCSSファイルにCSSを追加しようとした私は を試してみましたいくつかのことをテーマに私のCSSを埋め込むと、現在地への道を見つけていました私はtheme.scssファイルを(テスト目的のために)入力しています.scssファイルのCSSが何らかの効果を持つかどうかをチェックするかどうかをチェックしますが、フォントの色は変えられません。

は、第二の方法では、私は、そのは、CSSを拾うこの

<div class="anyclass" style="background:red;"> 

この方法のようにスタイルを使用してHTMLタグにCSSを追加しようとしました。

私はbigcommerceサイトにオンラインストアを作成し、bigcommerceが提供するカスタマイズオプションからカスタマイズしようとしました。以来、私は直接私のCSSファイルをアップロードすることができませんアップロードファイルのオプションを見ることができなかったので、何とかHTMLのまたは.scssのいずれかのテーマの現在のファイルにCSSを追加しようとしているthats。

テーマには1つのCSSファイルは存在しません。そのテーマにCSSを追加するにはどうすればよいですか?

答えて

1

.scssのSASSは、CSSのスーパーセットです。これは、有効なCSSが自動的に有効なSASSであることを意味します(ただし、他の構文の.sassではありません)。もちろん、SASSファイルがコンパイルされて含まれていることを確認する必要があります。

TL; DR:.scssファイル内にCSSを使用できます。

+0

あなたの答えはおもしろそうだけど、「!important」であってもフォントの色を変更するようにCSSを入れようとしましたが、CSSのそのプロパティを選択しませんでした。検査ツールを介して他のプロパティがそのファイルに含まれていることがわかりますが、カスタムプロパティのみが取得されていません。なぜあなたはアイデアを持っていますか? – Rishabh

+0

新しいルールを.scssファイルに追加しましたか?また、それを再コンパイルする必要があります。 SASSはブラウザで使われているものではなく、コンパイルされたCSSです。プロジェクトにSASSをコンパイルするヘルパースクリプトが含まれているか、手動でルートsassファイルを見つけて、コマンドラインSASSまたはSASS GUIアプリケーションを使用して、使用したCSSファイルにコンパイルすることができます。 –

+0

提案のおかげで@マウロ私は別のファイルでCSSを編集しようとし、そこからCSSを選んだ! SASSを使っているテーマについてもっと知る必要があるかもしれません。私はあなたのすべての点を心に留めています:) – Rishabh

関連する問題