テーマDawnのヘッダーのアイコンSVGを差し替えたがサイズが大きくなってしまう

Dawnのカートアイコンは添付のように余白が入っています。
余白のないFontawesomeのカートアイコンに差し替えただけでは余白が埋まってしまう分、大きく表示されます。

おそらくはカートに追加した際の数字バッジの為かと思われます。

また、出力されるSVGのサイズはCSSで指定されているので、viewBoxは関係ありません。

対処方法としては以下が考えられます。

  1. Fontawesomeのアイコンを編集して余白をつける
  2. base.cssを編集してアイコンのサイズを調整する

CSSを編集する場合は上手くやらないと、数字バッジだけでなく他のアイコンにも影響がでる可能性がありますのでご注意ください。

1 Like