人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

wordpressのテーマでsydneyを使っています。1スライダーの中のテキストが中央にあるのですが、左寄りにするとか位置を変えるにはどうしたらいいですか 2スライダーを左に寄せて、サイドに動画や記事のアイキャッチを2個掲載したいのですが、どうしたら良いかご存知でしたら教えてください。http://www.christies.com/ のようなサイトが作りたいです。wordpress Html css php うっすらわかる程度です。1だけの回答でもいいです。

●質問者: neco
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●200ポイント ベストアンサー

http://demo.athemes.com/themes/?theme=Sydney
↑のデモと同じであれば、スライダーの中に表示されている文字の位置は、sydney/style.css の 1148行目

.slide-inner {
 position: absolute;
 top: 50%;
 left: 0;
 right: 0;
 text-align: center; /* ★これ */
 z-index: 2;
 ...
}

このルールの text-align: center; が効いています。
左に寄せるとしたら、

.slide-inner {
 text-align: unset;
}

とか、CLICK TO BEGIN のボタンは中央のままにするなら

.text-slider {
 text-align: left;
}

というような感じで。

スライダーの幅は、.header-slider な要素に直接 width: 100%; が指定されているので、

.header-slider {
 width: 75% !important;
}

こんな風に !important を指定します。
ただ、単純に幅を狭くしちゃうと、ナビゲーションボタンがあるヘッダーが、スクロールしない状態では背景色が透過なのでちょっと不細工な感じです。

表示内容を追加・変更するなら、php の方をいじらないとダメですね。
固定やランダムなものでよければ、javascript でも何とかなるかな。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ