eコマースShopify WordPressディスカッション

「在庫あり」の文字のフォントサイズを変更する方法

こんにちは、テキストのサイズと色を変更する方法についてアドバイスを求めています。それは「在庫あり」という表記と商品の価格ですか?ありがとう 解決しました!解決策に進む
こんにちは、テキストのサイズと色を変更する方法についてアドバイスを求めています。それは「在庫あり」という表記と商品の価格ですか?ありがとう 解決しました!解決策に進む

2023年12月28日

ありがとうございました、終わりました! ?

2023年12月28日

cssファイルはassetsディレクトリ内にあるはずだと思います。ソースコードから、screen.css ファイルがあるはずだと思います。このコードをこのファイルの最後に置くだけで十分かもしれません 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

たくさんの質問をしていることは承知しています、申し訳ありません。 しかし、このコードをどこに置けばよいのかわかりません。 「コードの編集」をクリックする必要があることはわかっていますが、どのセクションにコードを入力すればよいのかわかりません。ありがとうございます。

2023年12月28日

Take a look at stock element. Right now this stock text inherited font-size from body. Currently 14px is default, you could increase or decrease it. You could add this code to your css file: .stock { font-size: 14px; } Copy Expertise in: Shopify Design Changes | Shopify Custom Coding | Custom Modifications

2023年12月28日

はい、https://vyprodame.cz/ パス: 0000

2023年12月28日

あなたのストアのリンクを教えていただけますか。どの要素を変更する必要があるかを検討させていただきます。 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

こんにちは、ありがとう!テーマ設定で色の変更は見つかりましたが、残念ながらフォント サイズはありません。コード (スクリーンショット) は見つかりましたが、コード エディターで見つける方法がわかりません。ありがとう ?

2023年12月28日

はい、このリンクにアクセスして、shopify のテーマ設定の詳細を確認できます: https://help.shopify.com/en/manual/online-store/themes/theme-structor/theme-settingsテーマの便利な設定を使用するには、テーマ ファイルを変更する必要があります。私は Web 開発者なので、テーマ ファイルの変更の経験があるかどうかはわかりませんが、それを行うのは簡単だと思います。最初のオプションが機能しない場合は、価格テキスト上にマウスカーソルを置きながらブラウザで要素の検査を使用し、使用されているタグを確認してテーマファイル内で検索し、.css ファイルの font-size 属性を変更します。さらにサポートが必要な場合はお知らせください。 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

こんにちは、素早いご返信ありがとうございます。その方法について詳しくお聞きしてもよろしいでしょうか?私はこれに関しては素人です。ありがとう!

2023年12月28日

こんにちは。テーマの CSS ファイルを変更するか、テーマの設定を確認してください。この機能がすでに作成されている可能性があります。 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

cssファイルはassetsディレクトリ内にあるはずだと思います。ソースコードから、screen.css ファイルがあるはずだと思います。このコードをこのファイルの最後に置くだけで十分かもしれません 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更 元の投稿のソリューションを表示

2023年12月28日

Hello, You can throw in some custom CSS you just need to go to your theme customizer and while in your customizer click through until you get to that product page. Once you are on that page select click anywhere in that page to select the page. The vast majority of themes have a section you can scroll down to that says Custom CSS. It looks like this: Click it. You can try adding this code: .stock { font-size: 16px; } Copy This is just a generic size, you did not state a size nor a color so we can't really give you exactly what you want but you can play around with the sizes. Now for the color you would add in the line it in like this: .stock { font-size: 16px; color: black; } Copy Again changing the color to whatever you want. Now for the price, we can't see the class name for that in your photo ( it cuts off ) but the same way you got the class from the QTY you can get it from the price. You might even be able to just try .price-item as the selector or .price So then the whole code would look like this: .stock { font-size: 16px; color: black } .price { font-size: 16px; color: green; } Copy Your URL would help us know for sure. Alternatively... You can also try adding this globally or in your css file located in your assets folder. It is usually named something like base.css or main.css or something along those lines. Globally in your <header> section is usually located in your theme file or your index.js file. If you put it in that file within your header tags you would need to wrap the css in <style> tags like this: <style> .stock { font-size: 16px; color: black } .price { font-size: 16px; color: green; } </style> Copy Beaux Barker Developer

2023年12月28日

TurboCommerce make the better internet purchasing globaly

ターボ多言語翻訳者

世界中でインターネット購入をより良くする

Turbosify SEO スピードブースター

5.0 (7) 無料プランあり
ストアの読み込み速度を向上させてコンバージョンを向上 インストール済み

ターボ多言語チャット - AI カスタマー サービスを片手に

TurboCommerce make the better internet purchasing globaly
当社の製品

必要なときに、必要なサポートを

ターボエンジンによるアプリ

3 つのアプリ • 平均評価 5.0

ターボ化スピードブースター

5.0 (7)
Shopify ストアの Google ページの速度を最適化してコンバージョンを向上させます インストール済み

Wordpress Woocommerce 用 Turbosify 翻訳者

5.0 (74) 無料の Wordpress Woocommerce プラグイン
WordPress Web サイトを 1 クリックで多言語に翻訳します。設定は必要ありません。 技術的な必要はありません

ここでビジネスを成長させましょう

製品を路上で販売したい場合でも、世界中で販売したい場合でも、私たちは次のようなサービスを提供します。 必要なすべてのツール。
「在庫あり」の文字のフォントサイズを変更する方法

eコマースShopify WordPressディスカッション

「在庫あり」の文字のフォントサイズを変更する方法

こんにちは、テキストのサイズと色を変更する方法についてアドバイスを求めています。それは「在庫あり」という表記と商品の価格ですか?ありがとう 解決しました!解決策に進む
こんにちは、テキストのサイズと色を変更する方法についてアドバイスを求めています。それは「在庫あり」という表記と商品の価格ですか?ありがとう 解決しました!解決策に進む

2023年12月28日

ありがとうございました、終わりました! ?

2023年12月28日

cssファイルはassetsディレクトリ内にあるはずだと思います。ソースコードから、screen.css ファイルがあるはずだと思います。このコードをこのファイルの最後に置くだけで十分かもしれません 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

たくさんの質問をしていることは承知しています、申し訳ありません。 しかし、このコードをどこに置けばよいのかわかりません。 「コードの編集」をクリックする必要があることはわかっていますが、どのセクションにコードを入力すればよいのかわかりません。ありがとうございます。

2023年12月28日

Take a look at stock element. Right now this stock text inherited font-size from body. Currently 14px is default, you could increase or decrease it. You could add this code to your css file: .stock { font-size: 14px; } Copy Expertise in: Shopify Design Changes | Shopify Custom Coding | Custom Modifications

2023年12月28日

はい、https://vyprodame.cz/ パス: 0000

2023年12月28日

あなたのストアのリンクを教えていただけますか。どの要素を変更する必要があるかを検討させていただきます。 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

こんにちは、ありがとう!テーマ設定で色の変更は見つかりましたが、残念ながらフォント サイズはありません。コード (スクリーンショット) は見つかりましたが、コード エディターで見つける方法がわかりません。ありがとう ?

2023年12月28日

はい、このリンクにアクセスして、shopify のテーマ設定の詳細を確認できます: https://help.shopify.com/en/manual/online-store/themes/theme-structor/theme-settingsテーマの便利な設定を使用するには、テーマ ファイルを変更する必要があります。私は Web 開発者なので、テーマ ファイルの変更の経験があるかどうかはわかりませんが、それを行うのは簡単だと思います。最初のオプションが機能しない場合は、価格テキスト上にマウスカーソルを置きながらブラウザで要素の検査を使用し、使用されているタグを確認してテーマファイル内で検索し、.css ファイルの font-size 属性を変更します。さらにサポートが必要な場合はお知らせください。 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

こんにちは、素早いご返信ありがとうございます。その方法について詳しくお聞きしてもよろしいでしょうか?私はこれに関しては素人です。ありがとう!

2023年12月28日

こんにちは。テーマの CSS ファイルを変更するか、テーマの設定を確認してください。この機能がすでに作成されている可能性があります。 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更

2023年12月28日

cssファイルはassetsディレクトリ内にあるはずだと思います。ソースコードから、screen.css ファイルがあるはずだと思います。このコードをこのファイルの最後に置くだけで十分かもしれません 専門知識: Shopify デザインの変更 | Shopify カスタムコーディング |カスタム変更 元の投稿のソリューションを表示

2023年12月28日

Hello, You can throw in some custom CSS you just need to go to your theme customizer and while in your customizer click through until you get to that product page. Once you are on that page select click anywhere in that page to select the page. The vast majority of themes have a section you can scroll down to that says Custom CSS. It looks like this: Click it. You can try adding this code: .stock { font-size: 16px; } Copy This is just a generic size, you did not state a size nor a color so we can't really give you exactly what you want but you can play around with the sizes. Now for the color you would add in the line it in like this: .stock { font-size: 16px; color: black; } Copy Again changing the color to whatever you want. Now for the price, we can't see the class name for that in your photo ( it cuts off ) but the same way you got the class from the QTY you can get it from the price. You might even be able to just try .price-item as the selector or .price So then the whole code would look like this: .stock { font-size: 16px; color: black } .price { font-size: 16px; color: green; } Copy Your URL would help us know for sure. Alternatively... You can also try adding this globally or in your css file located in your assets folder. It is usually named something like base.css or main.css or something along those lines. Globally in your <header> section is usually located in your theme file or your index.js file. If you put it in that file within your header tags you would need to wrap the css in <style> tags like this: <style> .stock { font-size: 16px; color: black } .price { font-size: 16px; color: green; } </style> Copy Beaux Barker Developer

2023年12月28日

TurboCommerce make the better internet purchasing globaly

ターボ多言語翻訳者

世界中でインターネット購入をより良くする

Turbosify SEO スピードブースター

5.0 (7) 無料プランあり
ストアの読み込み速度を向上させてコンバージョンを向上 インストール済み

ターボ多言語チャット - AI カスタマー サービスを片手に

TurboCommerce make the better internet purchasing globaly
当社の製品

必要なときに、必要なサポートを

ターボエンジンによるアプリ

3 つのアプリ • 平均評価 5.0

ターボ化スピードブースター

5.0 (7)
Shopify ストアの Google ページの速度を最適化してコンバージョンを向上させます インストール済み

Wordpress Woocommerce 用 Turbosify 翻訳者

5.0 (74) 無料の Wordpress Woocommerce プラグイン
WordPress Web サイトを 1 クリックで多言語に翻訳します。設定は必要ありません。 技術的な必要はありません

ここでビジネスを成長させましょう

製品を路上で販売したい場合でも、世界中で販売したい場合でも、私たちは次のようなサービスを提供します。 必要なすべてのツール。