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

回答の条件
  • URL必須
  • 1人1回まで
  • 13歳以上
  • 登録:2017/05/21 14:32:15
  • 終了:2017/05/28 14:35:03

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4583ベストアンサー獲得回数19232017/05/21 15:25:38

ポイント200pt

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 でも何とかなるかな。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません