WORDPRESS STINGER3 で「続きを読む」を右配置にする（動画あり）

当ブログは、人気無料テーマ「STINGER3」を使用していますが、ブログ内に設置されている『続きを読む』が左側に配置されております。

それでも問題は無いのですが、デザイン的に右側の方がしっくり来るため、配置位置の変更をしてみました。

まず、「ダッシュボード」　⇒　「外観」　⇒　「テーマ編集」

へと進み、スタイルシートの編集に入ります。

800行目あたりに、

（変更前）

/*記事を読む*/

.motto a {
	color: #FFF;
	text-decoration: none;
	background-color: #f3f3f3;
	width: 90px;
	color: #666666;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
}

という記述があるかと思います。

この中のfont-weight: normai; を

float: right;　という記述に変更します。

（変更後）

/*記事を読む*/

.motto a {
	color: #FFF;
	text-decoration: none;
	background-color: #f3f3f3;
	width: 90px;
	color: #666666;
	text-align: center;
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	float: right;
}