ロゴ画像の横にテキストを置きたい

♥ 0

いいねをした人: 居ません

このトピックには1件の返信、2人の参加者があり、最後にキタジマタカシにより1年、 1ヶ月前に更新されました。

2件の投稿を表示中 - 1 - 2件目 (全2件中)

投稿者

投稿
2023年3月13日 9:26 AM #119878
星乃みなみ
閲覧者

♥ 36
【お使いの Snow Monkey のバージョン】バージョン: 19.2.0
【お使いのブラウザ】 chrome
【当該サイトのURL】

### 実現したいこと

カスタムロゴの　横に　テキストでバージョン番号を付けたいです

### 発生している問題

画像をまわりこんでしまって、横並びになりません。

### 試したこと

テキストロゴのときにおしえてもらったa::afterが効きません
```
.c-site-branding__title   a::after {
  content: "v0.3";
  font-weight: normal;
  font-size: 16px;
	 color:red;
  padding-left:0px;
}

.custom-logo a::after {
	 content: "v0.3";
  font-weight: normal;
  font-size: 16px;
	 color:red;
  padding-left:0px;
}

picture ::after {
	 content: "v0.3";
  font-weight: normal;
  font-size: 16px;
	 color:red;
  padding-left:0px;
}
```
♥ 0

いいねをした人: 居ません
2023年3月13日 10:41 PM #119914
キタジマタカシ
参加者

♥ 2249
「カスタムロゴ」というのはヘッダーに表示される画像のロゴということですよね？

僕のサイトで実験したところ、
```
.c-site-branding__title   a::after {
  content: "v0.3";
  font-weight: normal;
  font-size: 16px;
  color:red;
  padding-left:0px;
}
```
できれいに表示されました。

他の CSS が邪魔しているかもしれないので、崩れているページが確認できるのであればこちらにそのページの URL を共有いただきたいです。

♥ 0

いいねをした人: 居ません
投稿者

投稿