インフォメーションボタン
croover
コードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","className":"jinr-custom-buttoninfo-fullwidth"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container jinr-custom-buttoninfo-fullwidth"><section class="b--jinr-fullwidth" style="background-color:#f5f5f5"><div class="d--fullwidth-article d--fullwidth-pad0 d--fullwidth-pad0-sp t--main-width" style="color:#555555"><!-- wp:columns --> <div class="wp-block-columns js--scr-animation"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"15px"}}} --> <p class="has-text-align-center" style="font-size:15px">【期間限定】20xx年4月まで、お得なキャンペーン開催中!</p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"verticalAlignment":"top","width":"33.33%"} --> <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%"><!-- wp:jinr-blocks/button {"content":"小さいボタンをここに","inputUrl":"https://jinr.jp/","className":"jinr-custom-button-info","jinrBlocksCSSAttribute":"/*ボタン上下余白OFF*/\n.jinr-custom-button-info.b\u002d\u002djinr-button{\n\tmargin-top:0 !important;\n\tmargin-bottom:0 !important;\n}\n\n.jinr-custom-buttoninfo-fullwidth .wp-container-3{\n\tgap:0 !important;\n}\n\n/*ボタンを小さく*/\n.jinr-custom-button-info a{\n\tpadding:10px 15px !important;\n}\n\n/*カラム上下余白*/\n.jinr-custom-buttoninfo-fullwidth .wp-block-columns{\n\tmargin:1.5em !important;\n}"} --> <div class="jinr-add-class-container"><div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button jinr-custom-button-info js--scr-animation">[jinr_button1 href="https://jinr.jp/" align="d--button-center"]<span>小さいボタンをここに</span>[/jinr_button1]</div><style jsx="true">/*ボタン上下余白OFF*/ .jinr-custom-button-info.b--jinr-button{ margin-top:0 !important; margin-bottom:0 !important; } .jinr-custom-buttoninfo-fullwidth .wp-container-3{ gap:0 !important; } /*ボタンを小さく*/ .jinr-custom-button-info a{ padding:10px 15px !important; } /*カラム上下余白*/ .jinr-custom-buttoninfo-fullwidth .wp-block-columns{ margin:1.5em !important; }</style></div> <!-- /wp:jinr-blocks/button --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->