Skip to content
GitLab
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
Expand all Show whitespace changes
Inline Side-by-side
wordpress/wp-content/themes/makeitopen/acf-json/group_603c986dd28a4.json
View file @ 120da12f
......@@ -157,7 +157,7 @@
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"width": "33.3",
"class": "",
"id": ""
},
......@@ -181,13 +181,38 @@
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "50",
"width": "33.3",
"class": "",
"id": ""
},
"choices": {
"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,
"other_choice": 0,
......@@ -415,5 +440,5 @@
"hide_on_screen": "",
"active": true,
"description": "",
"modified": 1614875934
"modified": 1615210957
}
\ No newline at end of file
wordpress/wp-content/themes/makeitopen/assets/scss/partials/_content-row.scss
View file @ 120da12f
......@@ -95,4 +95,8 @@
&--blocks {
background: url('../img/block.svg') 0 0 / 10px 10px repeat;
}
&--yellow {
background: $bg-yellow;
}
}
\ No newline at end of file
wordpress/wp-content/themes/makeitopen/template-parts/page-builder-rows/content.php
View file @ 120da12f
......@@ -2,12 +2,13 @@
$order = get_sub_field('order');
$background = get_sub_field('background');
$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="container container--flex">
<?php if ($image) { ?>
<div class="image-wrapper">
<img src="<?php echo $image; ?>">
<img src="<?php echo $image; ?>" style="mix-blend-mode:<?php echo $blend_mode; ?>">
</div>
<? } ?>
<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