TOPのスライダーのサイズを変えたいです。
-
テーマについての詳細がわからないと、回答のしようがありません。
また、公式からインストール出来ないテーマの場合は返答しにくいです。テーマ配布元に相談しましょう。さて、そこで推定ですが。
レスポンシブにはなっているようですが、サイズの指定ができるのではないかと思われます。あるいは、画像のサイズと関係無さそうですね。わたしのサイトですが、ご参考になれば。
有料で購入したテーマなのですがテーマ元が閉鎖していて。。;
なのでいつもここのフォーラムでご質問して解決への糸口を見つけております。ありがとうございます。
cssですが
/* //////////////////// Home Slider ////////////////////////// */
.home_slider_container{
padding-top:10px;
overflow:hidden;
}
.home_slider_container .flexslider,
.single_portfolio_slider_wrapper.flexslider{
margin:0px;
width: 50% !important;
min-height:65px;}
.home_slider_container .flexslider .wp-post-image{
}
.home_slider_container .flex-caption-wrap{
width:980px;
margin:0 auto;
position:relative;}
.home_slider_container .flex-caption {
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
bottom: 80px;
left: 20px;
padding: 10px 20px;
position: absolute;
width: 350px;
}
.home_slider_container.home_move_up .flex-caption{
bottom: 120px;
}
.home_slider_container .flex-title {
padding-bottom: 6px;
}
.home_slider_container .flex-desc {
padding: 0;
}
.home_slider_container .flex-desc p{
line-height: 16px;
margin: 0;
padding: 0;
}
.home_slider_container .flex-control-nav,
.single_portfolio_slider_wrapper.flexslider .flex-control-nav{
bottom: 20px;
}
.home_slider_container.home_move_up .flex-control-nav {
bottom: 80px;
}
.home_slider_container .flex-control-paging li a,
.single_portfolio_slider_wrapper.flexslider .flex-control-paging li a{
border:3px solid rgba(255, 255, 255, 0.7);
width: 16px;
height: 16px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.home_slider_container .flex-control-nav li,
.single_portfolio_slider_wrapper.flexslider .flex-control-nav li{
margin:0 4px;
}となっております。
.home_slider_container .flexslider,
.single_portfolio_slider_wrapper.flexslider{
margin:0px;
width: 50% !important;
min-height:65px;のwidth:を100%から50%にしたら半分になりました。
後はセンタリングできればいいのですがmargin:が効かず困ってます。宜しくお願い致します。
ウィンドウサイズを小さくしていくと、どこまでも全幅の50%です。
元のスタイルシートで、レスポンシブを無効にするのが早いと思われます。わたしはこのサイトでは、スライダー画像のサイズを統一してアップロードしています。
http://wwv.amadeusrecord.netご指摘ありがとうございます。
「元のスタイルシートで、レスポンシブを無効にするのが早いと思われます。」
とありますがそれはできないのです。
レスポンシブは今回絶対なのです画像サイズを統一ですね。
やってみます。ですがたぶん無理です。
なぜかというとかなり小さい画像が大きくなって表示されてしまっているので。。困りました;
PCの画面に収まるバランスということですが、閲覧者のPCの画面は様々。
スタイルシートで分かるのは、コンテナーの幅が980pxですからスライダー画像のサイズを 980 px で揃えるのが綺麗でしょう。また、それが用意な解決だと思われます。
なお、テーマ配布元が閉鎖したということ。
今後のアップデートが期待できないので、新しいテーマをわたしなら探します。
古いままだとセキュリティホールもあるので、個人、ビジネス問わず、問題を残しますし閲覧しにくいサイトと判断されるでしょう。閉鎖され、既にダウンロードも出来ないテーマでは確認しようにも検証のしがいはないので使い続けるには個人の努力で行うしかありません。公開の場で相談されても感心引くことはないと思いますよ。
かなり小さい画像が大きくなって表示されてしまっている
程よいサイズで撮影し直されるのが手っ取り早いでしょう。
トピック「TOPのスライダーのサイズを変えたいです。」には新たに返信することはできません。