maury2の返信 | WordPress.org 日本語

フォーラムへの返信

3件の返信を表示中 - 1 - 3件目 (全3件中)

フォーラム: テーマ
返信が含まれるトピック: Twenty Forteenの固定ページの全幅テンプレートで、Table部分だけ幅820ｐｘにし
トピック投稿者 maury2
(@maury2)

10年、 3ヶ月前
追伸です。
Media Queryでの設定で、上記codeを以下のように@media screen and (min-width: 1008px) { } の中に入れればＯＫでした。
```
@media screen and (min-width: 1008px) {
/* 1263L */
.entry-content table,
.comment-content table {
    font-size: 12px; /* 14px → 12pxに文字を小さくした */
    line-height: 1.2857142857;
	width: 750px;  /* 新規追加 */
    margin-bottom: 24px;
}
/* 1021L のTable限定の設定です 1263Lの設定とセットになっています */
.site-content .entry-header table,
.site-content .entry-content table,
.site-content .entry-summary table,
.site-content .entry-meta table,
.page-content  table{
	margin-left: -150px; /* Tableのみマイナスマージンを設定した */
	/* max-width: 474px; は不要なので削除しました */
}
}
```
以上です。
フォーラム: テーマ
返信が含まれるトピック: twenty fourteenのサイドバー背景色について
maury2
(@maury2)

10年、 3ヶ月前
こんにちは
小生もtwenty fourteenの子テーマで、カスタマイズしております。まず色を変更するのは比較的簡単ですが、メインの下に回り込んだサイドバーの色は、2024行の#secondaryにあります。
以下のように #000 → #93CA76 変更して使っています。(色#93CA76は変えて下さい)
```
/* 2024L */
#secondary {
	background-color: #93CA76; /* #000 → #93CA76 */
	border-top: 1px solid #000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	clear: both;
	color: rgba(255, 255, 255, 0.7);
	margin-top: -1px;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}
```
フォーラム: テーマ
返信が含まれるトピック: Twenty Forteenの固定ページの全幅テンプレートで、Table部分だけ幅820ｐｘにし
トピック投稿者 maury2
(@maury2)

10年、 3ヶ月前
自己レスです。以下の方法で解決しましたので、この記事解決済みにしておきます。
まず、以下のCodeではなくStyle.cssの1263行にある .entry-content tableでした。
```
/* 1263L */
.entry-content table,
.comment-content table {
    font-size: 12px; /* 14px → 12pxに文字を小さくした */
    line-height: 1.2857142857;
	width: 750px;  /* 新規追加 */
    margin-bottom: 24px;
}
```
但し、これだと右に750幅で表示されてしまいますので、以下の通り右にマイナスマージンをtable限定で調整しました。
```
/* 1021L のTable限定の設定です 1263Lの設定とセットになっています */
.site-content .entry-header table,
.site-content .entry-content table,
.site-content .entry-summary table,
.site-content .entry-meta table,
.page-content  table{
	margin-left: -150px; /* Tableのみマイナスマージンを設定した */
	/* max-width: 474px; は不要なので削除しました */
}
```
これで、固定ページのページ属性テンプレートに、全幅ページでほぼ一杯に表が表示されます。但し、Media Queryでの設定をしてありませんので、縮小していくと表の一部が欠けますが、一応ＯＫということで解決済みにしておきます。

尚、このサイト(自分のサイト)は http://moripapa.info/coffee/7collaboration/ です。

3件の返信を表示中 - 1 - 3件目 (全3件中)