【SnowMonkey】セクションタイトルの横あたりに画像を入れる

タイトルの横に画像をbackground-imageで追加か、画像のブロックを動かしてみた。

セクションにクラス名をつける
セクションの中のタイトルにCSS

コード

.クラス名 h2.smb-section__title:before{
	position:absolute;
	display:inline-block;
	content:"";
	top:-50px;
      right:33%;
  	right:calc(50% - 35px); //真ん中にする場合50%から、widthの半分をマイナスする
	background-image:url("https://〇〇〇.png");//メディアのところからURLコピー
	width:70px;//好きなサイズに
	height:70px;//好きなサイズに
	background-size:100%;
	background-repeat:no-repeat;//いらないかも
}

セクションの中の画像のブロックを動かしても簡単かも

セクションの中に画像を入れてクラス名をつける
追加CSSで動かす

コード

.icon {
    position: absolute;
    right: 30%;
    top: -70px;
}