Commit 120da12f authored by Benthe Kuijpers's avatar Benthe Kuijpers
Browse files

add yellow bg and multiply option on images in content row

parent 407459d9
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "50", "width": "33.3",
"class": "", "class": "",
"id": "" "id": ""
}, },
...@@ -181,13 +181,38 @@ ...@@ -181,13 +181,38 @@
"required": 0, "required": 0,
"conditional_logic": 0, "conditional_logic": 0,
"wrapper": { "wrapper": {
"width": "50", "width": "33.3",
"class": "", "class": "",
"id": "" "id": ""
}, },
"choices": { "choices": {
"white": "White", "white": "White",
"blocks": "Blocked yellow" "blocks": "Blocked yellow",
"yellow": "Yellow"
},
"allow_null": 0,
"other_choice": 0,
"default_value": "",
"layout": "vertical",
"return_format": "value",
"save_other_choice": 0
},
{
"key": "field_604629a9ae1d0",
"label": "Image blend mode",
"name": "img_blend_mode",
"type": "radio",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "33.3",
"class": "",
"id": ""
},
"choices": {
"normal": "Normal",
"multiply": "Multiply"
}, },
"allow_null": 0, "allow_null": 0,
"other_choice": 0, "other_choice": 0,
...@@ -415,5 +440,5 @@ ...@@ -415,5 +440,5 @@
"hide_on_screen": "", "hide_on_screen": "",
"active": true, "active": true,
"description": "", "description": "",
"modified": 1614875934 "modified": 1615210957
} }
\ No newline at end of file
...@@ -95,4 +95,8 @@ ...@@ -95,4 +95,8 @@
&--blocks { &--blocks {
background: url('../img/block.svg') 0 0 / 10px 10px repeat; background: url('../img/block.svg') 0 0 / 10px 10px repeat;
} }
&--yellow {
background: $bg-yellow;
}
} }
\ No newline at end of file
...@@ -2,12 +2,13 @@ ...@@ -2,12 +2,13 @@
$order = get_sub_field('order'); $order = get_sub_field('order');
$background = get_sub_field('background'); $background = get_sub_field('background');
$image = get_sub_field('image'); $image = get_sub_field('image');
$blend_mode = get_sub_field('img_blend_mode');
?> ?>
<div class="content-row content-row--<?php echo $order; ?> content-row--<?php echo $background; ?>" data-index="<?php echo $row_index; ?>"> <div class="content-row content-row--<?php echo $order; ?> content-row--<?php echo $background; ?>" data-index="<?php echo $row_index; ?>">
<div class="container container--flex"> <div class="container container--flex">
<?php if ($image) { ?> <?php if ($image) { ?>
<div class="image-wrapper"> <div class="image-wrapper">
<img src="<?php echo $image; ?>"> <img src="<?php echo $image; ?>" style="mix-blend-mode:<?php echo $blend_mode; ?>">
</div> </div>
<? } ?> <? } ?>
<div class="text-wrapper"> <div class="text-wrapper">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment