Commit 7e885ba3 authored by Benthe Kuijpers's avatar Benthe Kuijpers
Browse files

Footer styling

parent f6e5e108
{
"key": "group_603e0b1f04aee",
"title": "Footer",
"fields": [
{
"key": "field_603e0b2561c20",
"label": "Newsletter text",
"name": "newsletter_text",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": ""
},
{
"key": "field_603e0b3061c21",
"label": "Newsletter URL",
"name": "newsletter_url",
"type": "url",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": ""
},
{
"key": "field_603e0caff54ce",
"label": "Social header",
"name": "social_header",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "← follow us here",
"placeholder": "",
"prepend": "",
"append": "",
"maxlength": ""
},
{
"key": "field_603e0b3cb6fdf",
"label": "Social media handles",
"name": "social",
"type": "repeater",
"instructions": "In case the SVG upload doesn't work, make sure the SVG code is <a href=\"http:\/\/svg.enshrined.co.uk\/\" target=\"_blank\">sanitised here<\/a>.",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"collapsed": "",
"min": 1,
"max": 0,
"layout": "table",
"button_label": "Add social handle",
"sub_fields": [
{
"key": "field_603e0b47b6fe0",
"label": "URL",
"name": "url",
"type": "url",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": ""
},
{
"key": "field_603e0b4bb6fe1",
"label": "Icon",
"name": "icon",
"type": "file",
"instructions": "Add a SVG file of the icon",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"return_format": "url",
"library": "all",
"min_size": "",
"max_size": "",
"mime_types": "svg"
}
]
},
{
"key": "field_603e0cfd0be11",
"label": "EU text",
"name": "eu_text",
"type": "textarea",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"placeholder": "",
"maxlength": "",
"rows": "",
"new_lines": ""
}
],
"location": [
[
{
"param": "options_page",
"operator": "==",
"value": "acf-options-footer"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"modified": 1614679299
}
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="66.671" viewBox="0 0 96 66.671">
<g transform="translate(-960.109 -800.901)">
<path d="M1019.331,800.9h-5.6l-13,13-16.543,16.542-9.147,9.148,9.147,9.146.045.045,34.881-34.881.217-.217,12.782-12.782Z" transform="translate(23.888 0)" fill="#0f84bd" opacity="0.9" style="mix-blend-mode: multiply;isolation: isolate"/>
<path d="M1000.055,840.782l-.045-.045-.045.045-34.814-34.814v40.606h70V805.9h-.217Z" transform="translate(8.066 7.999)" fill="none"/>
<path d="M1005.281,805.9H972.2l16.542,16.542Z" transform="translate(19.337 7.999)" fill="none"/>
<path d="M1008.009,830.442,991.467,813.9l-13-13H960.151v.067L973.083,813.9h.067v.067l34.814,34.814.045-.045,9.147-9.146Z" transform="translate(0.067 0)" fill="#0f84bd" opacity="0.9" style="mix-blend-mode: multiply;isolation: isolate"/>
<rect width="96" height="12.999" transform="translate(960.109 854.572)" fill="#65c4ea" opacity="0.9" style="mix-blend-mode: multiply;isolation: isolate"/>
<rect width="96" height="12.999" transform="translate(960.109 800.901)" fill="#65c4ea" opacity="0.9" style="mix-blend-mode: multiply;isolation: isolate"/>
<rect width="12.999" height="66.671" transform="translate(1043.11 800.901)" fill="#0f84bd" opacity="0.9" style="mix-blend-mode: multiply;isolation: isolate"/>
<rect width="12.999" height="66.671" transform="translate(960.109 800.901)" fill="#0f84bd" opacity="0.9" style="mix-blend-mode: multiply;isolation: isolate"/>
</g>
</svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="64" viewBox="0 0 96 64">
<g id="europe" transform="translate(0 0.288)" style="mix-blend-mode: multiply;isolation: isolate">
<rect id="Rectangle_317" data-name="Rectangle 317" width="96" height="64" transform="translate(0 -0.288)" fill="#0f84bd"/>
<path id="t" d="M396.8,60l-1.1,3.369,1.69.544Z" transform="translate(-348.93 -52.873)" fill="#ffc008"/>
<path id="t-2" d="M400.591,60l1.1,3.369-1.69.556Z" transform="translate(-352.722 -52.873)" fill="#ffc008"/>
<path id="t-3" d="M407.046,80.7H403.5v1.773Z" transform="translate(-355.808 -71.126)" fill="#ffc008"/>
<path id="t-4" d="M404.312,80.7l-2.872,2.08-1.04-1.43Z" transform="translate(-353.075 -71.126)" fill="#ffc008"/>
<path id="t-5" d="M401.789,89.169l-1.1-3.369-1.69.544Z" transform="translate(-351.84 -75.623)" fill="#ffc008"/>
<path id="t-6" d="M401.172,88.11,398.3,86.03l1.04-1.43Z" transform="translate(-351.223 -74.565)" fill="#ffc008"/>
<path id="t-7" d="M376.5,80.7h3.546v1.773Z" transform="translate(-332 -71.126)" fill="#ffc008"/>
<path id="t-8" d="M376.5,80.7l2.872,2.08,1.04-1.43Z" transform="translate(-332 -71.126)" fill="#ffc008"/>
<path id="t-9" d="M387.4,89.169l1.1-3.369,1.69.544Z" transform="translate(-341.611 -75.623)" fill="#ffc008"/>
<path id="t-10" d="M387.4,88.11l2.872-2.08-1.04-1.43Z" transform="translate(-341.611 -74.565)" fill="#ffc008"/>
<path id="t-11" d="M396.8,420l-1.1,3.369,1.69.544Z" transform="translate(-348.93 -370.323)" fill="#ffc008"/>
<path id="t-12" d="M400.591,420l1.1,3.369-1.69.544Z" transform="translate(-352.722 -370.323)" fill="#ffc008"/>
<path id="t-13" d="M407.046,440.7H403.5v1.773Z" transform="translate(-355.808 -388.576)" fill="#ffc008"/>
<path id="t-14" d="M404.312,440.7l-2.872,2.08-1.04-1.43Z" transform="translate(-353.075 -388.576)" fill="#ffc008"/>
<path id="t-15" d="M401.789,449.169l-1.1-3.368-1.69.544Z" transform="translate(-351.84 -393.073)" fill="#ffc008"/>
<path id="t-16" d="M401.172,448.11l-2.872-2.08,1.04-1.43Z" transform="translate(-351.223 -392.015)" fill="#ffc008"/>
<path id="t-17" d="M376.5,440.7h3.546v1.773Z" transform="translate(-332 -388.576)" fill="#ffc008"/>
<path id="t-18" d="M376.5,440.7l2.872,2.08,1.04-1.43Z" transform="translate(-332 -388.576)" fill="#ffc008"/>
<path id="t-19" d="M387.4,449.169l1.1-3.368,1.69.544Z" transform="translate(-341.611 -393.073)" fill="#ffc008"/>
<path id="t-20" d="M387.4,448.11l2.872-2.08-1.04-1.43Z" transform="translate(-341.611 -392.015)" fill="#ffc008"/>
<path id="t-21" d="M216.8,240l-1.1,3.369,1.69.544Z" transform="translate(-190.205 -211.598)" fill="#ffc008"/>
<path id="t-22" d="M220.591,240l1.1,3.369-1.69.544Z" transform="translate(-193.997 -211.598)" fill="#ffc008"/>
<path id="t-23" d="M227.046,260.7H223.5v1.773Z" transform="translate(-197.083 -229.851)" fill="#ffc008"/>
<path id="t-24" d="M224.312,260.7l-2.872,2.08-1.04-1.43Z" transform="translate(-194.35 -229.851)" fill="#ffc008"/>
<path id="t-25" d="M221.789,269.169l-1.1-3.369-1.69.544Z" transform="translate(-193.115 -234.348)" fill="#ffc008"/>
<path id="t-26" d="M221.172,268.11l-2.872-2.08,1.04-1.43Z" transform="translate(-192.498 -233.29)" fill="#ffc008"/>
<path id="t-27" d="M196.5,260.7h3.546v1.773Z" transform="translate(-173.275 -229.851)" fill="#ffc008"/>
<path id="t-28" d="M196.5,260.7l2.872,2.08,1.04-1.43Z" transform="translate(-173.275 -229.851)" fill="#ffc008"/>
<path id="t-29" d="M207.4,269.169l1.1-3.369,1.69.544Z" transform="translate(-182.886 -234.348)" fill="#ffc008"/>
<path id="t-30" d="M207.4,268.11l2.872-2.08-1.04-1.43Z" transform="translate(-182.886 -233.29)" fill="#ffc008"/>
<path id="t-31" d="M297.4,112.21l2.872-2.08-1.04-1.43Z" transform="translate(-262.249 -95.817)" fill="#ffc008"/>
<path id="t-32" d="M297.4,113.269l1.1-3.369,1.69.544Z" transform="translate(-262.249 -96.875)" fill="#ffc008"/>
<path id="t-33" d="M286.5,104.8l2.872,2.08,1.04-1.43Z" transform="translate(-252.637 -92.377)" fill="#ffc008"/>
<path id="t-34" d="M286.5,104.8h3.546v1.773Z" transform="translate(-252.637 -92.377)" fill="#ffc008"/>
<path id="t-35" d="M306.8,84.1l-1.1,3.369,1.69.544Z" transform="translate(-269.568 -74.124)" fill="#ffc008"/>
<path id="t-36" d="M310.591,84.1l1.1,3.369-1.69.544Z" transform="translate(-273.36 -74.124)" fill="#ffc008"/>
<path id="t-37" d="M311.172,112.21l-2.872-2.08,1.04-1.43Z" transform="translate(-271.861 -95.817)" fill="#ffc008"/>
<path id="t-38" d="M311.789,113.269l-1.1-3.369-1.69.544Z" transform="translate(-272.478 -96.875)" fill="#ffc008"/>
<path id="t-39" d="M314.312,104.8l-2.872,2.08-1.04-1.43Z" transform="translate(-273.712 -92.377)" fill="#ffc008"/>
<path id="t-40" d="M317.046,104.8H313.5v1.773Z" transform="translate(-276.446 -92.377)" fill="#ffc008"/>
<path id="t-41" d="M245.989,179.169l-1.1-3.369-1.69.544Z" transform="translate(-214.455 -154.986)" fill="#ffc008"/>
<path id="t-42" d="M245.372,178.11l-2.872-2.08,1.04-1.43Z" transform="translate(-213.838 -153.927)" fill="#ffc008"/>
<path id="t-43" d="M231.5,178.11l2.872-2.08-1.04-1.43Z" transform="translate(-204.138 -153.927)" fill="#ffc008"/>
<path id="t-44" d="M231.5,179.169l1.1-3.369,1.678.544Z" transform="translate(-204.138 -154.986)" fill="#ffc008"/>
<path id="t-45" d="M220.6,170.7l2.872,2.08,1.04-1.43Z" transform="translate(-194.526 -150.489)" fill="#ffc008"/>
<path id="t-46" d="M220.6,170.7h3.546v1.773Z" transform="translate(-194.526 -150.489)" fill="#ffc008"/>
<path id="t-47" d="M248.412,170.7l-2.872,2.08-1.04-1.43Z" transform="translate(-215.601 -150.489)" fill="#ffc008"/>
<path id="t-48" d="M251.146,170.7H247.6v1.773Z" transform="translate(-218.335 -150.489)" fill="#ffc008"/>
<path id="t-49" d="M244.691,150l1.1,3.369-1.69.544Z" transform="translate(-215.249 -132.235)" fill="#ffc008"/>
<path id="t-50" d="M240.9,150l-1.1,3.369,1.69.544Z" transform="translate(-211.457 -132.235)" fill="#ffc008"/>
<path id="t-51" d="M251.146,350.7H247.6v1.773Z" transform="translate(-218.335 -309.213)" fill="#ffc008"/>
<path id="t-52" d="M248.412,350.7l-2.872,2.08-1.04-1.43Z" transform="translate(-215.601 -309.213)" fill="#ffc008"/>
<path id="t-53" d="M245.989,359.168l-1.1-3.368-1.69.544Z" transform="translate(-214.455 -313.711)" fill="#ffc008"/>
<path id="t-54" d="M245.372,358.11l-2.872-2.08,1.04-1.43Z" transform="translate(-213.838 -312.652)" fill="#ffc008"/>
<path id="t-55" d="M231.5,358.11l2.872-2.08-1.04-1.43Z" transform="translate(-204.138 -312.652)" fill="#ffc008"/>
<path id="t-56" d="M231.5,359.168l1.1-3.368,1.678.544Z" transform="translate(-204.138 -313.711)" fill="#ffc008"/>
<path id="t-57" d="M244.691,330l1.1,3.369-1.69.544Z" transform="translate(-215.249 -290.96)" fill="#ffc008"/>
<path id="t-58" d="M240.9,330l-1.1,3.369,1.69.544Z" transform="translate(-211.457 -290.96)" fill="#ffc008"/>
<path id="t-59" d="M220.6,350.7h3.546v1.773Z" transform="translate(-194.526 -309.213)" fill="#ffc008"/>
<path id="t-60" d="M220.6,350.7l2.872,2.08,1.04-1.43Z" transform="translate(-194.526 -309.213)" fill="#ffc008"/>
<path id="t-61" d="M317.046,416.6H313.5v1.773Z" transform="translate(-276.446 -367.324)" fill="#ffc008"/>
<path id="t-62" d="M314.312,416.6l-2.872,2.08-1.04-1.43Z" transform="translate(-273.712 -367.324)" fill="#ffc008"/>
<path id="t-63" d="M311.789,425.069l-1.1-3.369-1.69.544Z" transform="translate(-272.478 -371.822)" fill="#ffc008"/>
<path id="t-64" d="M311.172,424.01l-2.872-2.08,1.04-1.43Z" transform="translate(-271.861 -370.763)" fill="#ffc008"/>
<path id="t-65" d="M297.4,424.01l2.872-2.08-1.04-1.43Z" transform="translate(-262.249 -370.763)" fill="#ffc008"/>
<path id="t-66" d="M297.4,425.069l1.1-3.369,1.69.544Z" transform="translate(-262.249 -371.822)" fill="#ffc008"/>
<path id="t-67" d="M310.591,395.9l1.1,3.369-1.69.544Z" transform="translate(-273.36 -349.071)" fill="#ffc008"/>
<path id="t-68" d="M306.8,395.9l-1.1,3.369,1.69.544Z" transform="translate(-269.568 -349.071)" fill="#ffc008"/>
<path id="t-69" d="M286.5,416.6h3.546v1.773Z" transform="translate(-252.637 -367.324)" fill="#ffc008"/>
<path id="t-70" d="M286.5,416.6l2.872,2.08,1.04-1.43Z" transform="translate(-252.637 -367.324)" fill="#ffc008"/>
<path id="t-71" d="M580.591,240l1.1,3.369-1.69.544Z" transform="translate(-511.447 -211.598)" fill="#ffc008"/>
<path id="t-72" d="M576.8,240l-1.1,3.369,1.69.544Z" transform="translate(-507.655 -211.598)" fill="#ffc008"/>
<path id="t-73" d="M556.5,260.7h3.546v1.773Z" transform="translate(-490.725 -229.851)" fill="#ffc008"/>
<path id="t-74" d="M556.5,260.7l2.872,2.08,1.04-1.43Z" transform="translate(-490.725 -229.851)" fill="#ffc008"/>
<path id="t-75" d="M567.4,269.169l1.1-3.369,1.69.544Z" transform="translate(-500.336 -234.348)" fill="#ffc008"/>
<path id="t-76" d="M567.4,268.11l2.872-2.08-1.04-1.43Z" transform="translate(-500.336 -233.29)" fill="#ffc008"/>
<path id="t-77" d="M587.046,260.7H583.5v1.773Z" transform="translate(-514.533 -229.851)" fill="#ffc008"/>
<path id="t-78" d="M584.312,260.7l-2.872,2.08-1.04-1.43Z" transform="translate(-511.8 -229.851)" fill="#ffc008"/>
<path id="t-79" d="M581.789,269.169l-1.1-3.369-1.69.544Z" transform="translate(-510.565 -234.348)" fill="#ffc008"/>
<path id="t-80" d="M581.172,268.11l-2.872-2.08,1.04-1.43Z" transform="translate(-509.948 -233.29)" fill="#ffc008"/>
<path id="t-81" d="M491.172,112.21l-2.872-2.08,1.04-1.43Z" transform="translate(-430.585 -95.817)" fill="#ffc008"/>
<path id="t-82" d="M491.789,113.269l-1.1-3.369-1.69.544Z" transform="translate(-431.203 -96.875)" fill="#ffc008"/>
<path id="t-83" d="M494.312,104.8l-2.872,2.08-1.04-1.43Z" transform="translate(-432.437 -92.377)" fill="#ffc008"/>
<path id="t-84" d="M497.046,104.8H493.5v1.773Z" transform="translate(-435.171 -92.377)" fill="#ffc008"/>
<path id="t-85" d="M490.591,84.1l1.1,3.369-1.69.544Z" transform="translate(-432.085 -74.124)" fill="#ffc008"/>
<path id="t-86" d="M486.8,84.1l-1.1,3.369,1.69.544Z" transform="translate(-428.293 -74.124)" fill="#ffc008"/>
<path id="t-87" d="M477.4,112.21l2.872-2.08-1.04-1.43Z" transform="translate(-420.974 -95.817)" fill="#ffc008"/>
<path id="t-88" d="M477.4,113.269l1.1-3.369,1.69.544Z" transform="translate(-420.974 -96.875)" fill="#ffc008"/>
<path id="t-89" d="M466.5,104.8l2.872,2.08,1.04-1.43Z" transform="translate(-411.362 -92.377)" fill="#ffc008"/>
<path id="t-90" d="M466.5,104.8h3.546v1.773Z" transform="translate(-411.362 -92.377)" fill="#ffc008"/>
<path id="t-91" d="M543.2,179.169l1.1-3.369,1.69.544Z" transform="translate(-478.997 -154.986)" fill="#ffc008"/>
<path id="t-92" d="M543.2,178.11l2.872-2.08-1.04-1.43Z" transform="translate(-478.997 -153.927)" fill="#ffc008"/>
<path id="t-93" d="M557.072,178.11l-2.872-2.08,1.04-1.43Z" transform="translate(-488.696 -153.927)" fill="#ffc008"/>
<path id="t-94" d="M557.778,179.169l-1.1-3.369-1.678.544Z" transform="translate(-489.402 -154.986)" fill="#ffc008"/>
<path id="t-95" d="M560.212,170.7l-2.872,2.08-1.04-1.43Z" transform="translate(-490.548 -150.489)" fill="#ffc008"/>
<path id="t-96" d="M562.946,170.7H559.4v1.773Z" transform="translate(-493.282 -150.489)" fill="#ffc008"/>
<path id="t-97" d="M532.3,170.7l2.872,2.08,1.04-1.43Z" transform="translate(-469.385 -150.489)" fill="#ffc008"/>
<path id="t-98" d="M532.3,170.7h3.546v1.773Z" transform="translate(-469.385 -150.489)" fill="#ffc008"/>
<path id="t-99" d="M552.7,150l-1.1,3.369,1.69.544Z" transform="translate(-486.404 -132.235)" fill="#ffc008"/>
<path id="t-100" d="M556.491,150l1.1,3.369-1.69.544Z" transform="translate(-490.196 -132.235)" fill="#ffc008"/>
<path id="t-101" d="M532.3,350.7h3.546v1.773Z" transform="translate(-469.385 -309.213)" fill="#ffc008"/>
<path id="t-102" d="M532.3,350.7l2.872,2.08,1.04-1.43Z" transform="translate(-469.385 -309.213)" fill="#ffc008"/>
<path id="t-103" d="M543.2,359.168l1.1-3.368,1.69.544Z" transform="translate(-478.997 -313.711)" fill="#ffc008"/>
<path id="t-104" d="M543.2,358.11l2.872-2.08-1.04-1.43Z" transform="translate(-478.997 -312.652)" fill="#ffc008"/>
<path id="t-105" d="M557.072,358.11l-2.872-2.08,1.04-1.43Z" transform="translate(-488.696 -312.652)" fill="#ffc008"/>
<path id="t-106" d="M557.778,359.168l-1.1-3.368-1.678.544Z" transform="translate(-489.402 -313.711)" fill="#ffc008"/>
<path id="t-107" d="M552.7,330l-1.1,3.369,1.69.544Z" transform="translate(-486.404 -290.96)" fill="#ffc008"/>
<path id="t-108" d="M556.491,330l1.1,3.369-1.69.544Z" transform="translate(-490.196 -290.96)" fill="#ffc008"/>
<path id="t-109" d="M562.946,350.7H559.4v1.773Z" transform="translate(-493.282 -309.213)" fill="#ffc008"/>
<path id="t-110" d="M560.212,350.7l-2.872,2.08-1.04-1.43Z" transform="translate(-490.548 -309.213)" fill="#ffc008"/>
<path id="t-111" d="M466.5,416.6h3.546v1.773Z" transform="translate(-411.362 -367.324)" fill="#ffc008"/>
<path id="t-112" d="M466.5,416.6l2.872,2.08,1.04-1.43Z" transform="translate(-411.362 -367.324)" fill="#ffc008"/>
<path id="t-113" d="M477.4,425.069l1.1-3.369,1.69.544Z" transform="translate(-420.974 -371.822)" fill="#ffc008"/>
<path id="t-114" d="M477.4,424.01l2.872-2.08-1.04-1.43Z" transform="translate(-420.974 -370.763)" fill="#ffc008"/>
<path id="t-115" d="M491.172,424.01l-2.872-2.08,1.04-1.43Z" transform="translate(-430.585 -370.763)" fill="#ffc008"/>
<path id="t-116" d="M491.789,425.069l-1.1-3.369-1.69.544Z" transform="translate(-431.203 -371.822)" fill="#ffc008"/>
<path id="t-117" d="M486.8,395.9l-1.1,3.369,1.69.544Z" transform="translate(-428.293 -349.071)" fill="#ffc008"/>
<path id="t-118" d="M490.591,395.9l1.1,3.369-1.69.544Z" transform="translate(-432.085 -349.071)" fill="#ffc008"/>
<path id="t-119" d="M497.046,416.6H493.5v1.773Z" transform="translate(-435.171 -367.324)" fill="#ffc008"/>
<path id="t-120" d="M494.312,416.6l-2.872,2.08-1.04-1.43Z" transform="translate(-432.437 -367.324)" fill="#ffc008"/>
</g>
</svg>
......@@ -3,10 +3,15 @@ h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h4 {
font-size: 22px;
line-height: 28px;
}
p, ul, ol {
font-family: 'IBM Plex Sans', sans-serif;
font-size: 16px;
line-height: 26px;
font-size: 14px;
line-height: 22px;
margin: 0 0 20px;
color: black;
}
......
.footer {
background: $bg-yellow;
padding: 50px 0;
img {
mix-blend-mode: multiply;
}
.container {
justify-content: center;
}
&__column {
flex: 0 0 100%;
&:first-child {
// margin: 0 0 50px;
@include colouredBar($yellow, $bg-yellow);
}
@media only screen and (min-width: $large) {
flex: 1;
max-width: 450px;
margin: 40px;
&:first-child {
&:before, &:after {
width: 6px;
height: auto;
bottom: 0;
top: 0;
right: 0;
left: auto;
}
}
}
}
&__newsletter a,
&__europe {
display: flex;
flex-wrap: wrap;
text-decoration: none;
margin: 0 0 30px;
img {
width: 90px;
height: auto;
flex: 0 1 auto;
margin: 0 20px 0 0;
}
* {
flex: 1;
}
h4, p {
margin: 0;
@media only screen and (min-width: $large) {
max-width: 220px;
}
}
}
&__newsletter a {
align-items: center;
}
&__europe {
align-items: flex-start;
}
&__social {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 30px -10px;
a {
display: block;
padding: 10px;
line-height: 0;
}
h4 {
margin: 0 0 0 20px;
}
}
}
\ No newline at end of file
<footer class="site-footer">
<footer class="footer">
<div class="container container--flex">
<div class="footer__column">
<?php
$newsletter_text = get_field('newsletter_text', 'options');
$newsletter_url = get_field('newsletter_url', 'options');
if ($newsletter_text && $newsletter_url) { ?>
<div class="footer__newsletter">
<a href="<?php echo $newsletter_url; ?>" target="_blank">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/email.svg">
<h4><?php echo $newsletter_text; ?></h4>
</a>
</div>
<?php }
</footer><!-- #colophon -->
$social_header = get_field('social_header', 'options');
if (have_rows('social', 'options')) : ?>
<div class="footer__social">
<?php while (have_rows('social', 'options')) : the_row(); ?>
<a href="<?php echo get_sub_field('url'); ?>" target="_blank">
<img src="<?php echo get_sub_field('icon'); ?>">
</a>
<?php endwhile; ?>
<h4><?php echo $social_header; ?></h4>
</div>
<?php endif; ?>
</div>
<div class="footer__column">
<?php
$eu_text = get_field('eu_text', 'options');
if ($eu_text) { ?>
<div class="footer__europe">
<img src="<?php echo get_template_directory_uri(); ?>/assets/img/europe.svg">
<p><?php echo $eu_text; ?></p>
</div>
<?php } ?>
</div>
</div>
</footer>
</div><!-- #page -->
<?php wp_footer(); ?>
......
......@@ -51,3 +51,8 @@ require get_template_directory() . '/inc/template-functions.php';
* MIO Custom Post Types
*/
require get_template_directory() . '/inc/custom-post-types.php';
/**
* ACF fuctions
*/
require get_template_directory() . '/inc/acf.php';
<?php
add_action('acf/init', 'mio_acf_options');
function mio_acf_options() {
if( function_exists('acf_add_options_page') ) {
acf_add_options_page(array(
'page_title' => 'MIO opties',
'menu_title' => 'MIO opties',
'menu_slug' => 'theme-general-settings',
'capability' => 'edit_posts',
'position' => 1,
'redirect' => false
));
acf_add_options_sub_page(array(
'page_title' => 'Footer',
'menu_title' => 'Footer',
'parent_slug' => 'theme-general-settings',
));
}
}
?>
\ No newline at end of file
......@@ -8,4 +8,10 @@ function mio_admin_logo() { ?>
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'mio_admin_logo' );
\ No newline at end of file
add_action( 'login_enqueue_scripts', 'mio_admin_logo' );
function cc_mime_types($mimes) {
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');
\ No newline at end of file
Markdown is supported
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