PluginProbe
Pay with Vipps and MobilePay for WooCommerce / 6.0.2
Pay with Vipps and MobilePay for WooCommerce v6.0.2
6.2.1 6.2.0 6.1.10 6.1.9 6.1.8 6.1.7 6.1.6 6.1.5 6.1.4 6.1.3 6.1.2 6.1.1 6.1.0 6.0.5 6.0.4 6.0.3 6.0.2 6.0.1 6.0.0 5.4.3 5.4.2 5.4.1 5.4.0 5.3.4 trunk All 183 releases
woo-vipps / payment / css / blocks.css

blocks.css in Pay with Vipps and MobilePay for WooCommerce 6.0.2, at payment/css/blocks.css

53 lines 1.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 /* For the products blocks IOK 2020-09-03 */
3 .wc-block-grid__product .single-product.button.vipps-buy-now .inline.vipps-logo.negative {
4 display: inline-block;
5 margin: 0 .2em;
6 height: 2ex;
7 max-width: 100%;
8 width: auto;
9 vertical-align: text-bottom;
10 }
11
12 .wc-block-grid__product .single-product.button.vipps-buy-now .inline.mobilepay-logo.negative {
13 display: inline-block;
14 margin: 0 .2em;
15 height: 2ex;
16 max-width: 100%;
17 width: auto;
18 vertical-align: text-bottom;
19 }
20
21 /* This is for the badge block IOK 2022-11-16 */
22 .vipps-badge-wrapper.aligncenter {
23 text-align: center;
24 }
25
26 /* Gutenberg buy-now product block. LP 02.12.2024 */
27 div.wp-block-button.wc-block-components-product-button.wc-block-button-vipps {
28 text-align: center;
29 }
30 div.wp-block-button.wc-block-components-product-button.wc-block-button-vipps a.single-product.button.vipps-buy-now{
31 margin-left: auto;
32 margin-right: auto;
33 display: inline-block;
34 padding-top:0;
35 background-color: transparent;
36 }
37 div.wp-block-button.wc-block-components-product-button.wc-block-button-vipps a.single-product.button.vipps-buy-now img{
38 max-width: 9rem;
39 margin-bottom:0;
40 }
41 div.vipps_buy_now_wrapper.loop {
42 text-align:center;
43 }
44 div.vipps_buy_now_wrapper.loop a.single-product.button.vipps-buy-now img{
45 max-width: 9rem;
46 }
47
48 /* Specifically the buy-now block injected with blockHooks in minicart guten template. LP 2026-01-29 */
49 .wc-block-mini-cart__items a.vipps-express-checkout.button {
50 align-self: center;
51 }
52
53