質問: お世話になります。 flexslider2のスライダーの下にある黒丸ボタンの位置を中央ではなく 右寄せにしたいのですが、うまくいきません。 flexslider.cssファイル内の.flex-control-nav では text-align: center;となっていたので text-align: right;と書き換えると、ボタンは右に寄るのですが、 下の画像のような番号が出現して消せない状態です。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/7504c171881a6e9b9bb0f7e6867984e3.png) text-align: left;やtext-align: center;であれば 番号は出現せずうまく寄ってくれます。 どなたか、黒丸を右に寄せる方法をご存知のかたがいらっしゃいましたら、 お教え頂けますと助かります。 ※追記部分※ ↓こちらのサイトからダウンロードしました。 FlesSlidew2 http://flexslider.woothemes.com/ ``` ``` ``` .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center;→こちらをtext-align:right;に変更しました。 } ``` jsファイルは特に触っておりませんが、 このような感じで分かりますでしょうか?
回答: ``` /* これを追加 */ .flex-control-nav li { text-align: center; } ``` 【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】 【第1回 詳説:デベロッパーツールの使い方:Google Chrome版Firebug:デベロッパーツール取扱説明書|gihyo.jp ... 技術評論社】