plugin 内 vk-all-in-one-expansion-unit/plugin/other_widge/widget-pr-blocks.php
190行目付近
|
1 2 3 4 5 |
// image display } else if ( ! empty( $instance[ 'media_image_'.$i ] ) ) { echo '<div class="<strong>prBlock_image</strong>">'.PHP_EOL; echo '<img src="'.esc_url( $instance[ 'media_image_'.$i ] ).'" alt="'.esc_attr( $instance[ 'media_alt_'.$i ] ).'" />'.PHP_EOL.'</div><!--//.prBlock_image -->'.PHP_EOL; } |
ここを変更、
内部にdivを設置して、imgのクラスに
|
1 |
echo '<img src="'.esc_url( $instance[ 'media_image_'.$i ] ).'" alt="'.esc_attr( $instance[ 'media_alt_'.$i ] ).'" class=\"img-responsive\" />'.PHP_EOL.'</div><!--//.prBlock_image -->'.PHP_EOL; |
class=\”img-responsive\” 追加
続けてボックスの高さをそろえる。
|
1 2 3 |
$instance = self::default_options($instance); echo $args['before_widget']; echo PHP_EOL.'<article class="veu_prBlocks prBlocks row <strong>row-eq-height</strong>">'.PHP_EOL; |
CSSも追加
|
1 2 3 4 |
.row-eq-height { display: flex; flex-wrap: wrap; } |
