Editor needs to be integrated with localization

<!DOCTYPE html> <html lang="en"> <head> <script> window.overrideAssetHost = "https://wishlist.webflow.com/assets/"; </script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html charset=UTF-8" /> <meta name="publishing" content="true"> <title>Editor needs to be integrated with localization | Webflow Wishlist</title> <script type="text/javascript"> window.ahaLoaded = false; window.portalAssets = {"js":["/assets/runtime-v2-57cc3307d1ef75398052f4ce4e8dbdea.js","/assets/vendor-v2-3c4617f91b7579dc40f4e71e205b3ef3.js","/assets/idea_portals-v2-db1124048a9aeeb418604856e6e85076.js","/assets/idea_portals-v2-d14a55016d3519eff09e466fe8ce4940.css"]}; </script> <script> window.sentryRelease = window.sentryRelease || "1a18ff9fb9"; </script> <link rel="stylesheet" href="https://wishlist.webflow.com/assets/idea_portals-v2-d14a55016d3519eff09e466fe8ce4940.css" data-turbolinks-track="true" media="all" /> <script src="https://wishlist.webflow.com/assets/runtime-v2-57cc3307d1ef75398052f4ce4e8dbdea.js" data-turbolinks-track="true"></script> <script src="https://wishlist.webflow.com/assets/vendor-v2-3c4617f91b7579dc40f4e71e205b3ef3.js" data-turbolinks-track="true"></script> <script src="https://wishlist.webflow.com/assets/idea_portals-v2-db1124048a9aeeb418604856e6e85076.js" data-turbolinks-track="true"></script> <script src="https://cdn.aha.io/assets/aha_web_components-v2-4603b06330f7a0b1764abd6a0b53b1f8.js" crossorigin="anonymous" data-turbolinks-track="true"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="N2fDOqi01pvUk-9IiLDn81rXwH7l3wHzJv71jxvklATD6ty3TjEhlARF3BOCRZ9hn2nEgkrw2KCCIeYmNca6IA" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="locale" content="en" /> <meta name="portal-token" content="b38946d845e1f3724a02b763dc95e094" /> <meta name="idea-portal-id" content="6358181848082153567" /> <link rel="icon" href="https://wishlist.webflow.com/portal-favicon.png?1720031930&size=thumb16" /> </head> <body class="ideas-portal public"> <style> /* ################################################### */ /* ################################################### */ /* STYLE OVERRIDES START */ /* ################################################### */ /* ################################################### */ /* ------------------------------------- */ /* FONTS */ /* ------------------------------------- */ @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5a0c1a002e.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5e78809d4d.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.9806bc37bf.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.7c44c9e817.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.a9b91de662.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-RegularItalic-Web.c3aa8858b8.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.abf6e1188f.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.2523d1a466.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.4327644773.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.1d15660caf.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.e843973a9c.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-MediumItalic-Web.1e7e99e909.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.7c6a95bf96.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.8fd1f76d6f.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-light.1ce95fd3b4.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.f5dd588863.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.52d6cd625f.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-lightitalic.ce93d14c9c.woff') format('woff'); font-weight: 200; font-style: italic; } /* Akkurat */ @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.29e757590a.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.3ec7f3d6d1.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-regular.f00a7952f3.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.1b7b4e1809.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.7825dadd40.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-italic.996bcdfe8d.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.98b3f0b5cf.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.06a424d24a.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bold.0d13cf93e7.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Akkurat'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.9394657766.woff2') format('woff2'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.32a978d0ea.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/lineto-akkurat-bolditalic.a66dd68440.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'icomoon'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.365159169d.eot'); src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.365159169d.eot#iefix') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.dfe38b8d08.ttf') format('truetype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.7d8d1b7967.woff') format('woff'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/wishlist-icons/icomoon.7bd7c854a5.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrows-16px-1_tail-left:before { font-family: 'icomoon' !important; content: "\e900"; font-size: 16px; } .icon-arrows-16px-2_corner-left-round:before { font-family: 'icomoon' !important; content: "\e901"; font-size: 16px; } .icon-arrows-16px-2_log-out:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 16px; } .icon-arrows-16px-4_logout:before { font-family: 'icomoon' !important; content: "\e903"; font-size: 16px; } .icon-signout:before { font-family: 'icomoon' !important; content: "\e902"; font-size: 16px; } .icon-chevron-right:before, .icon-chevron-down:before { font-size: 11px; vertical-align: middle; } .icon-arrows-24px-outline-1_tail-right:before { font-family: 'icomoon' !important; content: "\e904"; font-size: 24px; } .icon-arrows-24px-outline-1_tail-triangle-right:before { font-family: 'icomoon' !important; content: "\e905"; font-size: 24px; } .icon-shopping-16px-2_customer-support-outline:before { font-family: 'icomoon' !important; content: "\e906"; font-size: 16px; } .icon-shopping-16px-2_customer-support:before { font-family: 'icomoon' !important; content: "\e907"; font-size: 16px; } .icon-text-16px_bold:before { font-family: 'icomoon' !important; content: "\e908"; font-size: 16px; } .icon-text-16px_italic:before { font-family: 'icomoon' !important; content: "\e909"; font-size: 16px; } .icon-remove-sign:before { content: "\f057"; } .icon-text-16px_list-bullet:before { font-family: 'icomoon' !important; content: "\e90a"; font-size: 16px; } .icon-text-16px_list-numbers:before { font-family: 'icomoon' !important; content: "\e90b"; font-size: 16px; } .icon-text-editor-16pxArtboard-2:before { font-family: 'icomoon' !important; content: "\e90c"; font-size: 16px; } .mce-i-bold:before { font-family: 'icomoon' !important; content: "\e90c"; font-size: 16px; } .icon-text-editor-16pxArtboard-3:before { font-family: 'icomoon' !important; content: "\e90d"; font-size: 16px; } .mce-i-italic:before { font-family: 'icomoon' !important; content: "\e90d"; font-size: 16px; } .icon-text-editor-16pxArtboard-4:before { font-family: 'icomoon' !important; content: "\e90e"; font-size: 16px; } .mce-i-bullist:before { font-family: 'icomoon' !important; content: "\e90e"; font-size: 16px; } .icon-text-editor-16pxArtboard-5:before { font-family: 'icomoon' !important; content: "\e90f"; font-size: 16px; } .mce-i-numlist:before { font-family: 'icomoon' !important; content: "\e90f"; font-size: 16px; } .icon-text-editor-16pxArtboard-6:before { font-family: 'icomoon' !important; content: "\e910"; font-size: 16px; } .mce-i-link:before { font-family: 'icomoon' !important; content: "\e910"; font-size: 16px; } .icon-ui-10px-zoom:before { font-family: 'icomoon' !important; content: "\e911"; font-size: 10px; } .icon-ui-16px-1_attach-87:before { font-family: 'icomoon' !important; content: "\e912"; font-size: 16px; } .icon-paper-clip:before { font-family: 'icomoon' !important; content: "\e912"; font-size: 14px; vertical-align: bottom; } .icon-ui-16px-1_check:before { font-family: 'icomoon' !important; content: "\e913"; font-size: 16px; } .icon-ui-16px-1_eye-19:before { font-family: 'icomoon' !important; content: "\e914"; font-size: 16px; } .icon-eye-open:before { font-family: 'icomoon' !important; content: "\e914"; font-size: 14px; } .icon-ui-16px-1_eye-ban-20:before { font-family: 'icomoon' !important; content: "\e915"; font-size: 16px; } .icon-eye-close:before { font-family: 'icomoon' !important; content: "\e915"; font-size: 14px; } .icon-ui-16px-1_home-51:before { font-family: 'icomoon' !important; content: "\e916"; font-size: 16px; } .icon-ui-16px-1_home-simple:before { font-family: 'icomoon' !important; content: "\e917"; font-size: 16px; } .icon-home:before { font-family: 'icomoon' !important; content: "\e917"; font-size: 16px; } .icon-ui-16px-1_pencil:before { font-family: 'icomoon' !important; content: "\e918"; font-size: 16px; } .icon-pencil:before { font-family: 'icomoon' !important; content: "\e918"; font-size: 14px; margin-top: -3px; display: inline-block; } .icon-ui-16px-1_preferences-circle:before { font-family: 'icomoon' !important; content: "\e919"; font-size: 16px; } .icon-ui-16px-1_settings-gear-63:before { font-family: 'icomoon' !important; content: "\e91a"; font-size: 16px; } .icon-wrench:before { font-family: 'icomoon' !important; content: "\e91a"; font-size: 16px; } .icon-ui-16px-1_simple-remove:before { font-family: 'icomoon' !important; content: "\e91b"; font-size: 16px; } .icon-ui-16px-1_zoom-2:before { font-family: 'icomoon' !important; content: "\e91c"; font-size: 16px; } .icon-ui-16px-1_zoom:before { font-family: 'icomoon' !important; content: "\e91d"; font-size: 16px; } .icon-ui-16px-2_chat-round-content:before { font-family: 'icomoon' !important; content: "\e91e"; font-size: 16px; } .icon-ui-16px-2_link-69:before { font-family: 'icomoon' !important; content: "\e91f"; font-size: 16px; } .icon-ui-16px-3_chat-33:before { font-family: 'icomoon' !important; content: "\e920"; font-size: 16px; } .icon-ui-16px-3_chat-45-outline:before { font-family: 'icomoon' !important; content: "\e921"; font-size: 16px; } .icon-ui-16px-3_chat-45:before { font-family: 'icomoon' !important; content: "\e922"; font-size: 16px; } .icon-ui-16px-3_chat-46:before { font-family: 'icomoon' !important; content: "\e923"; font-size: 16px; } .icon-ui-16px-3_chat-47:before { font-family: 'icomoon' !important; content: "\e924"; font-size: 16px; } .icon-comments:before { font-family: 'icomoon' !important; content: "\e923"; font-size: 16px; } .icon-ui-24px-outline-1_check-circle-08:before { font-family: 'icomoon' !important; content: "\e925"; font-size: 24px; } .icon-ui-24px-outline-1_circle-remove:before { font-family: 'icomoon' !important; content: "\e926"; font-size: 24px; } .icon-ui-24px-outline-1_eye-19:before { font-family: 'icomoon' !important; content: "\e927"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-explaim:before { font-family: 'icomoon' !important; content: "\e928"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-i:before { font-family: 'icomoon' !important; content: "\e929"; font-size: 24px; } .icon-ui-24px-outline-2_alert-circle-question:before { font-family: 'icomoon' !important; content: "\e92a"; font-size: 24px; } .icon-ui-24px-outline-3_alert:before { font-family: 'icomoon' !important; content: "\e92b"; font-size: 24px; } .icon-users-24px-outline_circle-10:before { font-family: 'icomoon' !important; content: "\e92c"; font-size: 24px; } .icon-users-32px-outline_circle-08NO:before { font-family: 'icomoon' !important; content: "\e92d"; font-size: 32px; } /* ##################################### */ /* Webflow Navbar and Dropdown Default Styles */ /* ##################################### */ @font-face { font-family: 'webflow-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } /* Container */ .w-container { margin-left: auto; margin-right: auto; max-width: 1110px; } .w-container:before, .w-container:after { content: " "; display: table; } .w-container:after { clear: both; } @media screen and (max-width: 1139px) { .w-container { max-width: 990px; } } @media screen and (max-width: 1025px) { .w-container { max-width: none; padding-left: 12px; padding-right: 12px; } } /* Dropdown */ .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-brand:hover { text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link:hover { text-decoration: none; color: #222222; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #c8c8c8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #c8c8c8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } .collapse{ overflow: visible; } @media screen and (max-width: 780px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: block; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 779px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } } /* Dropdown */ .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /* ##################################### */ /* Navbar Custom Styles */ /* ##################################### */ .navbar { background-color: #000; font-size: 13px; font-family: "Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; -webkit-font-smoothing: antialiased; margin-bottom: 50px; } .navlink { margin-top: 13px; margin-bottom: 13px; padding: 12px 17px; opacity: 0.5; -webkit-transition: opacity 50ms ease; transition: opacity 50ms ease; color: #fff; font-size: 15px; line-height: 20px; font-weight: 500; } .navlink:hover { opacity: 1; color: #fff; } .portalname { padding-left: 10px; float: left; color: #fff; font-size: 20px; line-height: 27px; } .logoimage { margin-top: 2px; float: left; } .navlink.w--current { opacity: 1; } .navlink.currentnavlink { opacity: 1; } .nav-menu { padding-top: 0px; padding-bottom: 0px; padding-left: 10px; } .menubutton { color: #fff; } .logo { margin-top: 14px; padding-top: 7px; padding-bottom: 7px; -webkit-transition: color 50ms ease, opacity 50ms ease; transition: color 50ms ease, opacity 50ms ease; } .logo:hover { opacity: 0.65; } .navdropdown { margin-top: 13px; margin-bottom: 13px; padding: 12px 22px 12px 17px; opacity: 0.5; -webkit-transition: opacity 50ms ease; transition: opacity 50ms ease; color: #fff; font-size: 15px; line-height: 20px; font-weight: 500; } .navdropdown:hover { opacity: 1; } .navdropdownicon { margin-right: 0px; } .dropdownmenu.w--open { margin-top: -4px; padding-top: 7px; padding-bottom: 7px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .17); } .dropdownmenulink { min-width: 130px; padding: 8px 12px; font-size: 15px; font-weight: 500; } .dropdownmenulink:hover { background-color: #eef0f3; } /*@media (max-width: 1110px) { .customcontainer { padding-right: 10px; padding-left: 10px; } }*/ @media (max-width: 991px) { .navlink { padding-right: 14px; padding-left: 14px; } /* .customcontainer { max-width: 738px; }*/ } @media (max-width: 767px) { .navlink { margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; font-size: 14px; } .nav-menu { display: block; overflow: hidden; width: 100%; height: auto; margin-top: 0px; margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 30px; padding-left: 0px; border-radius: 0px; background-color: #000; } .logo { margin-top: 9px; padding-left: 0px; } .portalname { font-size: 20px; } .logoimage { width: 82px; } .menubutton { padding-right: 0px; } .menubutton.w--open { background-color: transparent; } .navcontainer { padding-right: 20px; padding-left: 20px; } .navdropdown { margin-top: 5px; margin-bottom: 5px; padding: 10px 20px; } .navdropdownicon { position: static; display: inline-block; } .dropdownmenu.w--open { display: block; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; background-color: transparent; } .dropdownmenulink { margin-top: 5px; margin-bottom: 5px; padding-left: 31px; opacity: 0.5; color: #fff; } .dropdownmenulink:hover { background-color: transparent; opacity: 1; color: #fff; } .navdropdowntext { display: inline-block; margin-right: 8px; } /*.customcontainer { max-width: 100%; margin-right: 20px; margin-left: 20px; padding-right: 0px; padding-left: 0px; }*/ } @media (max-width: 479px) { .logo { width: auto; } } /* ------------------------------------- */ /* DEFAULT STYLES OVERRIDES */ /* ------------------------------------- */ body { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;*/ h1,h2 { font-family: "Akkurat",-apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } h3,h4,h5,h6 { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; color: rgba(33, 41, 51, 1); /* Default text color */ } h1 { font-weight: 300; font-size: 40px; line-height: 130%; margin-top: 0; letter-spacing: -0.6px; } h3 { font-size: 22px; line-height: 1.2; margin-bottom: 11px; font-weight: 400; letter-spacing: .4px; margin-top: -5px; } p, li, aside.quote { color: rgba(33, 41, 51, 1); /* Default text color */ } a { color: #146EF4; /* primary-blue */ } a:hover, a:focus { /*color: #146EF4;*/ /* primary-blue */ color: rgba(33, 41, 51, 1); /* Default text color */ text-decoration: none; } .subnav-section { padding: 22px 0 20px; background: #F7F8FA; margin-bottom: 28px; border-bottom: 1px solid rgba(30, 42, 73, 0.06); /* UI black */ line-height: 1px; } .portal-nav { margin-bottom: 12px; } .portal-sidebar .add-idea-button { margin-bottom: 0; } .filters { margin: 0px 0px 20px 0; } .filters .filter { font-size: 14px; transition: background-color 100ms ease; } .filters .filter strong { font-weight: 400; } .filters .filter:hover { background-color: rgba(20, 110, 244, 0.10); /* primary-blue */ color: rgba(58, 76, 211, 1); /* primary-blue darker */ } .filters .filter span { color: rgba(30, 42, 73, 0.4); } .filters .filter:hover span { color: rgba(30, 42, 73, 0.8); } .filters .filter:focus { text-decoration: none; } .filters .filter.active { background-color: rgba(33, 41, 51, 1); /* black */ } .filters .filter.active:hover { background-color: rgba(33, 41, 51, 1); /* black */ color: white; } .filters .filter.active .close { color: transparent; text-shadow: none; } .filters .filter.active .close:before { font-family: 'icomoon' !important; content: "\e911"; font-size: 10px; color:white !important; text-shadow: none; margin-right: -10px; } .filters .filter.active:hover { background-color: rgba(33, 41, 51, 0.8); } .filters .filter .category-collapser { width: 11px; text-align: left; } .portal-sidebar h4 { margin-bottom: 3px; font-size: 12px; font-weight: 500; } /* idea note */ .idea-count-description { border-radius: 3px; padding: 17px 17px 10px; background: #f7f8fa; margin: 20px 0 10px; border: 1px solid rgba(30, 42, 73, 0.06); } .idea-count-description p { color: rgba(33, 41, 51, 0.6); } .idea-count-description strong { color: rgba(33, 41, 51, 1); } .idea-count-description strong.endorsements_used_text { color: rgba(29, 190, 126, 1); } .idea-count-description hr { display: none; } /* Vote Button */ .btn-vote { width: 70px; border: none; background-color: white; text-decoration: none; border-radius: 0; text-align: center; color: #999; } .btn-vote.voted:hover { background-color: transparent; } .btn-vote:hover { background-color: transparent; } .btn-vote:focus { background-color: transparent; } .btn-vote .vote-count { display: block; font-size: 25px; font-weight: 400; line-height: 57px; margin-top: 0px; margin-bottom: 5px; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ /*background-color: rgba(30, 42, 73, 0.02);*/ /* UI black */ background-color: transparent; color: rgba(33, 41, 51, 1); /* Default text color */ transition: box-shadow 100ms ease, color 100ms ease, background-color 100ms ease; } .btn-vote .vote-status { background-color: rgba(33, 41, 51, .92); /* Text black */ padding: 4px 0px 4px 2px; border-radius: 2px; transition: background-color 100ms ease; font-size: 11px; } .btn-vote:hover .vote-count { box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.45); /* UI black */ /*background-color: rgba(30, 42, 73, 0.02);*/ /* UI black */ } .btn-vote:hover .vote-status { background-color: rgba(0,0,0,1); } .btn-vote.voted .vote-count { color: rgba(29, 190, 126, 1); /* primary-green */ box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.5); /* dark-green */ background-color: rgba(29, 190, 126, .03); } .btn-vote.voted .vote-status { background-color: rgba(29, 190, 126, 1); /* primary-green */ } .btn-vote.voted:hover .vote-count { box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.6); /* dark-green */ /*background-color: rgba(29, 190, 126, 0.06);*/ color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote.voted:hover .vote-status { background-color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote .vote-status:hover, .btn-vote.voted .vote-status:hover { color: white; } .btn-vote .vote-status:hover .caret, .btn-vote.voted .vote-status:hover .caret { border-top-color: white; } .btn-vote .vote-count:hover { color: rgba(33, 41, 51, .92); /* UI black */ } .btn-vote.voted .vote-count:hover { color: rgba(23, 160, 106, 1); /* dark-green */ } .btn-vote .vote-status .caret { margin-top: 7px; margin-left: 1px; } .btn-vote:not(.merged):hover, .btn-vote:not(.merged):focus, .btn-vote.voted:not(.merged):hover, .btn-vote.voted:not(.merged):focus { background-color: transparent; } .btn-vote .vote-status.dropdown-toggle { min-width: 77px; } /* Status Label */ .status-pill { border-radius: 3px; font-size: 14px; border: 0px solid; } /* Ideas */ .ideas .idea { border-bottom: 1px solid rgba(30, 42, 73, 0.10); padding: 15px 0px; } .ideas .idea .description { min-height: 20px; font-size: 14px; line-height: 140%; margin-bottom: 15px; } .ideas .idea .idea-details { width: 82%; } .ideas .idea a:visited h3 { color: rgba(133, 138, 144, 1) !important; /* dim text grey */ } .ideas .idea a:visited .description { color: rgba(133, 138, 144, 1); /* dim text grey */ } .ideas .idea a .idea-details h3 { transition: color 100ms ease; } .ideas .idea a .idea-details h3::after { content: "→"; display: inline; opacity: 0; transition: opacity 100ms ease; } .ideas .idea a .idea-details:hover h3::after { /*color: #146EF4; */ /*text-decoration: underline;*/ opacity: 1; } .ideas .idea a .idea-details h3, .ideas .idea a .idea-details .description { /*transition: opacity 100ms ease;*/ } .ideas .idea a .idea-details:hover h3, .ideas .idea a .idea-details:hover .description { /*opacity: 0.7;*/ } .ideas .idea a:visited { color: inherit; } .ideas .idea .idea-details .idea-meta .avatar img { margin-top: -3px; margin-right: 11px; } .ideas .idea .idea-details .idea-meta { color: rgba(133, 138, 144, 1); } .ideas .idea .idea-details .idea-meta .comment-count, .ideas .idea .idea-details .idea-meta .comment-count i { color: rgba(30, 42, 73, 0.4); /* UI black */ transition: color 100ms ease; vertical-align: middle; } .ideas .idea .idea-details .idea-meta .comment-count:hover, .ideas .idea .idea-details .idea-meta .comment-count:hover i { color: #253343; } /* Avatar */ .avatar { position: relative; } .avatar img { border: 0px solid transparent; border-radius: 50px; width: 26px; } .avatar.avatar-large img { border-radius: 50px; } .avatar img.admin-user { border: 2px solid rgba(252, 71, 131, 1); /* pink */ } .avatar .user-type { font-size: 11px; line-height: 13px; text-transform: capitalize; color: rgba(252, 71, 131, 1); /* pink */ font-weight: 400; margin-top: 4px; margin-left: -6px; } /*span.avatar img::before { content:""; border:1px solid red; position: absolute; top: 0; left:0; right:0; bottom:0; }*/ /* Tabs */ .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { font-weight: 500; } .nav-tabs>li>a { padding-top: 0; padding-bottom: 0; padding: 12px 18px; margin-right: 3px; transition: background-color 100ms ease; } .nav>li>a:hover, .nav>li>a:focus { /*background-color: rgba(30, 42, 73, 0.06);*/ /* UI black */ color: #146EF4; /* primary-blue */ background-color: rgba(20, 110, 244, .08); } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: transparent transparent transparent; } /* Button Styles */ .btn { padding: 9px 24px; font-size: 14px; line-height: 20px; font-weight: 400; color: white; text-shadow: none; background-color: #146EF4; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: 100ms background-color ease, box-shadow 100ms ease; } .btn i { margin-right:3px; } .btn-outline { color: #146EF4; /* primary-blue */; border: none; box-shadow: inset 0 0 0 1px #146EF4; /* primary-blue */; background-color: white; } .btn:focus { outline: 0; } .btn.btn-outline:hover, .btn.btn-outline:active, .btn.btn-outline:focus, .btn.btn-outline.active, .btn.btn-outline.disabled, .btn.btn-outline[disabled] { background-color: white; /* UI black */ text-shadow: none; color: #146EF4; /* primary-blue */; border-color: none; box-shadow: inset 0 0 0 2px #146EF4; /* primary-blue */; } .btn-outline.btn-primary, .btn-outline.btn-primary:focus, .btn-outline.btn-primary.disabled, .btn-outline.btn-primary[disabled] { color: white; border-color: transparent; background-color: #146EF4; /* primary-blue */ box-shadow: none; transition: 100ms background-color ease; } .btn-outline.btn-primary:hover, .btn-outline.btn-primary:active { background-color: rgba(58, 76, 211, 1); /* primary-blue darker */ color: white; box-shadow: none; } .btn-outline:disabled,.btn-outline[disabled],.btn-outline.disabled { background-color:rgba(30, 42, 73, 0.7)!important; color: white !important; border: none !important; box-shadow: none !important; outline: 0 !important; } .current-user-info { margin-bottom: 0px; /*padding: 10px; background-color: rgba(30, 42, 73, 0.06);*/ /* UI black */ /*border-radius:3px; box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.06);*/ /* UI black */ } .current-user-info:first-child { margin-bottom: 20px; } .current-user-info .user-name .caret { margin-top: 8px; } .dropdown-toggle:hover { color: #146EF4; /* primary-blue */ } .dropdown-toggle:hover .caret { border-top-color: #146EF4; /* primary-blue */ } .dropdown-menu { background-color: #ffffff; border: none; box-shadow: 0 0 0 1px rgba(30, 42, 73, 0.1), 0 1px 10px rgba(30, 42, 73, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .dropdown-menu>li>a { padding: 6px 20px; vertical-align: middle; color: rgba(30, 42, 73, 1); } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { /*background-color: #146EF4;*/ /* primary-blue */ background-color: rgba(30, 42, 73, 0.10); /* UI color */ color: rgba(30, 42, 73, 1); background-image: none; } .dropdown-menu>li>a>i { margin-right:2px; } /* Forms / inputs */ .portal-content .input-xxlarge, .portal-content select.input-xxlarge, .portal-content .select2-container.select2-container-multi.input-xxlarge { width: 100%; height:40px; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select, .portal-content select.input-xxlarge { background-image: url(https://d3e54v103j8qbb.cloudfront.net/images/caret-down-medium.e548cd2725.svg); background-position: 98% center; background-repeat: no-repeat; background-size: 12px; } select:active, select:hover, select:focus { outline: none } select:focus { -webkit-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-sizing: border-box; background-color: #fff; border: none; outline: none; -webkit-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ -moz-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.25); /* UI black */ height: 40px; padding: 10px 10px 11px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #253343; /* primary-black */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle; -webkit-transition: border ease 100ms, box-shadow ease 100ms; -moz-transition: border ease 100ms, box-shadow ease 100ms; -o-transition: border ease 100ms, box-shadow ease 100ms; transition: border ease 100ms, box-shadow ease 100ms; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border: none; outline: 0; -webkit-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4; /* default blue */ } textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: rgba(33, 41, 51, 0.35); } .field-with-errors input, .field-with-errors select, .field-with-errors textarea, .field-with-errors input[type="text"], .field-with-errors input[type="password"], .field-with-errors input[type="datetime"], .field-with-errors input[type="datetime-local"], .field-with-errors input[type="date"], .field-with-errors input[type="month"], .field-with-errors input[type="time"], .field-with-errors input[type="week"], .field-with-errors input[type="number"], .field-with-errors input[type="email"], .field-with-errors input[type="url"], .field-with-errors input[type="search"], .field-with-errors input[type="tel"], .field-with-errors input[type="color"], .field-with-errors .uneditable-input, .field-with-errors .select2-choices, .field-with-errors input:focus, .field-with-errors select:focus, .field-with-errors textarea:focus, .field-with-errors input[type="text"]:focus, .field-with-errors input[type="password"]:focus, .field-with-errors input[type="datetime"]:focus, .field-with-errors input[type="datetime-local"]:focus, .field-with-errors input[type="date"]:focus, .field-with-errors input[type="month"]:focus, .field-with-errors input[type="time"]:focus, .field-with-errors input[type="week"]:focus, .field-with-errors input[type="number"]:focus, .field-with-errors input[type="email"]:focus, .field-with-errors input[type="url"]:focus, .field-with-errors input[type="search"]:focus, .field-with-errors input[type="tel"]:focus, .field-with-errors input[type="color"]:focus, .field-with-errors .select2-choices:focus, .field-with-errors .uneditable-input:focus { border-color: none; -webkit-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1) !important; /* pink */ -moz-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1)!important; /* pink */ box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1)!important; /* pink */ } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { opacity: .6; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: none; -webkit-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ -moz-box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ box-shadow: inset 0 0 0 2px rgba(252, 71, 131, 1); /* default blue */ color: rgba(252, 71, 131, 1); } .field-with-errors .control-label, .field-with-errors .help-block, .field-with-errors .help-inline { color: rgba(252, 71, 131, 1); } .help-inline { padding-left: 0px; } label { margin-bottom: 8px; font-size: 15px; } label .sub-label.required { background-color: rgba(30, 42, 73, 0.25); color: white; border-radius: 2px; padding: 1px 4px 2px; font-size: 11px; margin-left: 5px; text-transform: uppercase; } /* Search */ .search-field input { margin: 0; padding: 0px 5px 1px 30px; height: 34px; line-height: 26px; font-size: 12px; width: 100%; -webkit-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ -moz-box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ } .search-field input:focus { border: none !important; -webkit-box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ -moz-box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ box-shadow: inset 0 0 0 2px #146EF4 !important; /* default blue */ } .search-field:before { font-family: 'icomoon' !important; content: "\e91c"; font-size: 16px; color: #253343; /* primary-black */ padding-left: 4px; top: 3px; position: absolute; } .idea-search-form i.icon-remove-sign { left: auto; font-size: 17px; top: 7px; right: 8px; z-index: 100; color: rgba(30, 42, 73, 1); } .idea-search-form i.icon-remove-sign:hover { color: #146EF4; } .search-field .clear-button { top: 2px; color: rgba(30, 42, 73, 1); } .search-field .clear-button:hover { color: #146EF4; } /* New Idea */ .found-ideas { margin-bottom: 25px; } .found-ideas h4 { margin-bottom: 8px; font-size: 15px; font-weight: 600; text-transform: inherit; /*color: rgba(252, 71, 131, 1);*/ /* pink */ color: rgba(29, 190, 126, 1); /* green */ } .found-ideas ul.ideas { overflow: auto; border: none; padding: 15px 15px 0 15px; margin-bottom: 10px; max-height: 300px; /*background-color: rgba(252, 71, 131, 0.10);*/ /* pink */ background-color: rgba(29, 190, 126, .1); /* green */ /*box-shadow: inset 0 0 0 1px rgba(205, 58, 106, 0.08);*/ /* dark pink */ box-shadow: inset 0 0 0 1px rgba(23, 160, 106, 0.1); /* dark green */ border-radius: 4px; } .found-ideas ul.ideas .idea { padding: 0 0; border-bottom-color: rgba(23, 160, 106, 0.15); /* dark green */ margin-bottom: 17px; } .found-ideas ul.ideas .idea:last-child { margin-bottom: 0px; } .found-ideas ul.ideas .idea .idea-details { width: 100%; margin-bottom: 12px; } .found-ideas .ideas .idea a:visited h3, .found-ideas .ideas .idea a:visited .description { color: rgba(33, 41, 51, 1); /* primary-black */ } .found-ideas ul.ideas .idea a .idea-details:hover h3 { color: #253343; /* primary-black */ /*text-decoration: underline;*/ } .found-ideas .ideas .idea .idea-details .idea-meta .status-pill { box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); } /* Breadcrumbs */ .breadcrumb { margin: 0 0 17px; } .breadcrumb:only-child { margin: 0; } /* Alerts */ .alert { padding: 14px 37px 15px 16px; margin-bottom: 20px; text-shadow: none; background-color: #F7F8FA; border: 1px solid rgba(30, 42, 73, 0.1); /*background-color: #FFF9EF; border: 1px solid #F8EEE0;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #253343; /* primary-black */ font-size: 17px; line-height: 22px; } /*.alert .close { top: -1px; right: -21px; color: #253343; opacity: 0.5; }*/ .alert h4 { font-size: 19px; line-height: 25px; font-weight: 500; text-transform: capitalize; margin: 0 0 15px; display: inline-block; color: #253343; } .alert p { margin-bottom: 0; font-size: 16px; line-height: 24px; } .alert::before { font-family: 'icomoon' !important; content: "\e929"; font-size: 24px; vertical-align: text-top; margin-right: 10px; } .alert-danger::before, .alert-error::before { content: "\e92b"; } .alert-success::before { content: "\e925"; } .idea-response.alert-success::before { display: none; } .alert .close { color: transparent; text-shadow: none; top: 2px; right: -19px; line-height: 16px; opacity: .4; transition: opacity 100ms ease; } .alert .close::before { font-family: 'icomoon' !important; content: "\e91b"; font-size: 16px; color: #253343; /* primary-black */ text-shadow: none; margin-right: -16px; } .alert .close:hover { opacity: 1; } .alert-danger, .alert-error { background-color: #FFF1F5; border: 1px solid #FAE5EB; color: rgba(252, 71, 131, 1); } .alert-danger .close::before, .alert-error .close::before { color: rgba(252, 71, 131, 1); } .alert-success { background-color: rgba(29, 190, 126, .1); border: 1px solid rgba(23, 160, 106, .1); color: rgba(23, 160, 106, 1); /* dark green */ } .alert-success .close::before { color: rgba(23, 160, 106, 1); } .alert-info { background-color: #F2F7FF; border: 1px solid #E4ECFA; color: #146EF4; /* default blue */ } .alert-info .close::before { color: #146EF4; /* default blue */ } .idea-response.alert.alert-success { background-color: rgba(252, 71, 131, 0.08); /* pink */ border: 1px solid rgba(205, 58, 106, 0.08); /* dark pink */ margin-top: 30px; } .idea-response.alert.alert-success h4 { } .idea-responses .idea-response h4, .idea-responses .idea-response .time { color: rgba(252, 71, 131, 1); /* dark pink */ font-size: 15px; } /* Detail Page */ .user-content p, .comment-text p { margin: 0 0 10px; font-size: 14px; line-height: 145%; } .idea-content h2 { font-size: 36px; line-height: 130%; margin-bottom: 17px; font-weight: 300; letter-spacing: -.6px; margin-top: -8px; } .idea-content { width: 55%; } .idea-content .description { margin-bottom: 25px; } .idea-content .idea-products-and-categories { margin: 14px 0px 13px; } .idea-content .idea-products-and-categories a { background-color: white; padding: 4px 11px 5px; border-radius: 50px; font-size: 14px; color: #253343; /* primary-black */ box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); /* UI black */ transition: box-shadow 100ms ease, color 100ms ease; } .idea-content .idea-products-and-categories a:hover { box-shadow: inset 0 0 0 1px #146EF4; /* default blue */ color: #146EF4; /* default blue */ text-decoration: none; } .idea-comments ul.comments>li .body .comment-header .name, .idea-comments ul.comments>li .body .comment-header .controls { font-size: 14px; color: rgba(30, 42, 73, 0.45); /* UI black */ } .idea-comments ul.comments>li .body { width: calc(100% - 55px); border-bottom: 1px solid rgba(30, 42, 73, 0.2); /* UI black */ padding-bottom: 24px; padding-left: 0; margin-bottom: 12px; } .idea-comments ul.comments>li.idea-comment-new { margin-bottom: 40px; } .sidebar-section { margin-bottom: 23px; border-bottom: 1px solid rgba(30, 42, 73, 0.2); /* UI black */ padding-bottom: 23px; } .sidebar-header { margin-bottom: 7px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; } .related-ideas, .idea-categories { list-style-type: disc; padding-left: 17px; } .related-ideas li, .idea-categories li { margin-bottom: 6px; font-size: 14px; color: rgba(30, 42, 73, 1); } .idea-comments ul.comments>li .body > .comment-header { margin-bottom: 10px; } .user-content b, .comment-text b, .user-content b a, .comment-text b a { font-weight: 700; } .user-content ul, .comment-text ul, .user-content ol, .comment-text ol { padding: 0; margin: 0 0 12px 30px; font-size: 14px; } .user-content ul li, .comment-text ul li, .user-content ol li, .comment-text ol li { line-height: 145%; } .user-content a, .comment-text a { text-decoration: underline; color: rgba(33, 41, 51, 1); } .user-content a:hover, .comment-text a:hover { color: #146EF4; } .attachment .img-container .attachment-thumbnail { /* box-shadow: inset 0 0 0 1px rgba(30, 42, 73, 0.20); border-radius: 3px; padding: 1px; transition: box-shadow 100ms ease, color 100ms ease;*/ overflow: visible; border: none; background-color: transparent; } .attachment .img-container .attachment-thumbnail img { border-radius: 2px; } .attachment .img-container .attachment-thumbnail:hover { /*box-shadow: inset 0 0 0 2px #146EF4; */ } .attachment .img-container:hover .attachment-thumbnail img { box-shadow: 0 0 0 2px #146EF4; } .attachment .caption { color: rgba(30, 42, 73, 0.45); /* UI black */ word-wrap: break-word; line-height: 15px; } .attachments { margin-top: 5px; margin-bottom: -15px; } .attachment { padding: 0px; padding-right: 15px; margin-bottom: 15px; } .idea-response .attachment .img-container .attachment-thumbnail .image-helper { height: auto; } /*.idea-content .idea-meta li { list-style-type: none; list-style-image: url('bla.svg') }*/ /*.idea-content .idea-meta li:not(:first-child) { list-style-type: none; }*/ .idea-content .idea-meta li { font-size: 14px; line-height: 25px; } .idea-content .idea-meta li:first-child { list-style-type: none; line-height: 25px; } .idea-meta > li > .status-pill { display: inline-block; margin-top: -1px; padding-top: 0px; } .public .search-form { width: 27%; } .public .search-form .search-field { width: 100%; } .public .breadcrumb li:not(:first-child) { display: none; } /*.public .breadcrumb li .divider { display: none; }*/ .breadcrumb li a:hover { text-decoration: none; color: #212933; /* dark text color */ } .breadcrumb > li > a i { margin-right: 4px; } /* Replace detail page breakcrumb link - START */ /*.idea .breadcrumb li a::before { content: "← Back to Wishlist"; }*/ /*.breadcrumb > li > a i { display: none; }*/ /*.idea .breadcrumb li i.icon-home::before { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; content: "←"; display: none; }*/ /* Replace detail page breakcrumb link - END */ /*.idea-meta-secondary:not(:first-child)::before { content:"Category: "; display: inline; }*/ /* Layout */ .container, .customcontainer { max-width: 1110px; padding: 0; display: block; margin-right: auto; margin-left: auto; } .portal-content { width: 70%; padding-left: 0px; float: left; box-sizing: border-box; } .portal-sidebar, .right-sidebar { width: 27%; float: right; margin-right: 0; margin-left: 3%; padding: 2%; border: 1px solid rgba(30, 42, 73, 0.15); border-radius: 3px; box-sizing: border-box; } .portal-sidebar br { display:none; } .portal-sidebar .my-ideas-filters-wrapper { margin-top: 20px; } .portal-sidebar .categories-filters-wrapper { margin-bottom: 40px; } /* Vote Buttons */ .idea-endorsement, .idea-sidebar { width: auto; text-align: left; min-width: 77px; max-width: 77px; margin-right: 17px; } .btn-vote, .btn-vote.dropdown { width: 77px; } .portal-aha-footer { min-height: 80px; } .portal-aha-footer .container { display: none; } .btn-vote .dropdown-vote { border-radius: 0 0 3px 3px; margin-top: 0px; padding: 6px 0; } .btn-vote .dropdown-vote li a { padding: 3px 9px; } /* Random */ .edit-profile .user-fields:last-child { border-bottom: none; } .portal-user.popover form .controls input { max-width: 100%; } .portal-user.popover form h3 { text-align: center; margin-top: 15px; font-size: 16px; letter-spacing: 0; font-weight: 500; margin-bottom: 15px; } .portal-user.popover form label { font-size: 14px; margin-top: 0px; } .label-private-idea { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; line-height: 130%; font-size: 14px; text-transform: capitalize; font-weight: 500; padding: 4px 7px 3px; background-color: #FFF26A; border-radius: 3px; color: #3D3200; letter-spacing: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: rgba(30, 42, 73, 0.04); border-top: 1px solid rgba(30, 42, 73, 0.1); -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header h3 { font-size: 20px; font-weight: 500; } .attachment-modal .open-attachment { padding: 4px 10px; margin: 2px 10px 0 0; letter-spacing: 0; font-weight: 500; } .attachment-modal .modal-header .close { top: inherit; right: inherit; line-height: 30px; margin-top: 0px; } .attachment-modal .modal-header .close::before { color: black; } .modal.fade.in { top: 20%; } .wishlist-logo-link { color: #253343; transition: opacity ease 100ms; } .wishlist-logo-link:hover { opacity: 0.5; color: #253343; } /* Signup */ body.external-app .login-popup section input { font-size: 14px; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; } body.external-app .login-popup section label { font-weight: 400; } body.external-app .login-popup h2 { border-bottom: 1px solid rgba(30, 42, 73, 0.1); /* UI black */ font-size: 25px; font-weight: 300; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; } .form-horizontal .control-label { padding-top: 9px; } /* MCE Overrides */ .mce-panel { border: 0 solid rgba(30, 42, 73, 0.2); /* UI black */ background-color: white; } .aha-editor-link-edit-panel .mce-container.mce-tinymce:not(.mce-tinymce-inline).mce-edit-focus, #tinymce .mce-container.mce-tinymce:not(.mce-tinymce-inline).mce-edit-focus { border-color: #146EF4; box-shadow: 0 0 0 1px #146EF4; /* default blue */ outline: none; } .mce-edit-area.mce-container.mce-panel.mce-last.mce-stack-layout-item { border-color: transparent; } #tinymce, .mce-content-body.user-content { background-color: #FFFFFF; font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif !important; font-size: 14px !important; line-height: 17px !important; margin: 10px !important; padding: 2px !important; } .mce-btn i { text-shadow: none; } .attachment-button { padding: 0; font-size: 14px; color: rgba(30, 42, 73, 0.45); /* UI black */ line-height: 140%; margin-bottom: 19px; } .aha-editor-link-edit-panel .mce-container { background: #F4F4F6; /* UI black */ } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(1) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(2) > div .mce-widget.mce-btn:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(2) > div .mce-widget.mce-btn:nth-child(4) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(4) > div .mce-widget.mce-btn:nth-child(3) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(4) > div .mce-widget.mce-btn:nth-child(4) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(5) > div .mce-widget.mce-btn:nth-child(1) { display:none; } .mce-container.mce-flow-layout-item.mce-btn-group:nth-child(7) { display:none; } #mce-modal-block.mce-in { opacity: .6; filter: alpha(opacity=60); } .mce-container.mce-panel.mce-floatpanel.mce-window.mce-in { border: none; border-radius: 6px; } .mce-container .mce-btn.mce-primary button { text-shadow: none; font-size: 14px; padding: 0px; background-color: #146EF4; } .mce-container .mce-btn.mce-primary button:hover { background-color: rgba(58, 76, 211, 1); } .mce-floatpanel .mce-title { font-family: -apple-system,BlinkMacSystemFont,"Graphik",Roboto,"Open Sans","Helvetica Neue",sans-serif,Georgia,serif; font-size: 20px; line-height: 1.2; font-weight: 400; margin: 4px 0px; } .mce-tooltip-inner { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .aha-editor-link-edit-panel .mce-btn:hover, #tinymce .mce-btn:hover { background: transparent; } .aha-editor-link-edit-panel .mce-btn:hover button i, #tinymce .mce-btn:hover button i { color: #146EF4; /* primary-blue */ } .aha-editor-link-edit-panel .mce-btn.mce-active, #tinymce .mce-btn.mce-active, .aha-editor-link-edit-panel .mce-btn.mce-active:hover, #tinymce .mce-btn.mce-active:hover, .mce-btn:not(.mce-disabled):active { background-color: transparent; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: repeat-x; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .aha-editor-link-edit-panel .mce-btn.mce-active button i, #tinymce .mce-btn.mce-active button i, .aha-editor-link-edit-panel .mce-btn.mce-active:hover button i, #tinymce .mce-btn.mce-active:hover button i { color: #146EF4; /* primary-blue */ } .mce-edit-area.mce-container.mce-panel.mce-last.mce-stack-layout-item iframe{ min-height: 110px; } /* Footer Styles */ footer { padding: 40px 0; text-align: center; margin-top: 60px; border-top: 1px solid #E9EAED; } .footer-text { color: rgba(133, 138, 144, 1); /* dim text grey */; display: inline-block; font-weight: 300; font-size: 14px; } .footer-divider { margin: 0 5px; } .footer-link { color: rgba(133, 138, 144, 1); /* dim text grey */; } .footer-link:hover, .footer-link:focus { color: rgba(133, 138, 144, 1); /* dim text grey */; text-decoration: underline; } @media (min-width: 767px) { .portal-nav .search-form { -webkit-justify-content: flex-start; justify-content: flex-start; } } @media (max-width: 1110px) { .container, .customcontainer { padding: 0 10px; } @media (max-width: 960px) { .right-sidebar, .private .right-sidebar, .public .right-sidebar, .submit-only .right-sidebar { width: 100%; box-sizing: border-box; margin: 0 auto; float: none; clear: left; } } @media (max-width: 767px) { .public .search-form { width: 100%; margin-bottom: 15px; } } @media (max-width: 670px) { .private .portal-sidebar, .public .portal-sidebar, .submit-only .portal-sidebar { width: 100%; margin-right: 0; margin-bottom: 20px; margin-left: 0; height: 100%; } .public .idea-sidebar .idea-endorsement { margin: 0 auto 0 0; } .private .right-sidebar, .public .right-sidebar, .submit-only .right-sidebar { padding: 15px; width: 100%; } .ideas .idea .idea-details .idea-meta .idea-meta-created { width: 40%; } .private .search-query, .public .search-query, .submit-only .search-query { display: block; } .public .idea-sidebar { width: 20%; margin-right: 2%; min-width: 0; max-width: none; } .public .idea-content { width: 78%; } .breadcrumb { margin: 0px; } } @media (max-width: 500px) { .nav-tabs>li>a { padding: 13px 13px; } .idea-endorsement, .idea-sidebar { margin-bottom: 18px; float: left; width: 15%; } } @media (max-width: 400px) { .public .idea-sidebar { width: 20%; margin-right: 5%; } .public .idea-content { width: 75%; } } /* ################################################### */ /* ################################################### */ /* END */ /* ################################################### */ /* ################################################### */ </style> <header class="webflow-header">  <div class="navbar w-nav" data-animation="default" data-collapse="small" data-duration="400"> <div class="customcontainer w-clearfix"> <a class="logo w-clearfix w-nav-brand" href="https://webflow.com"><img alt="home" class="logoimage" src="https://uploads-ssl.webflow.com/52b1d97cd25933e36e000134/6529c1beac2fb6a71ab69e60_Full_Logo_Blue_White%20(1).svg" width="122"> </a> <a class="logo w-clearfix w-nav-brand" href="https://wishlist.webflow.com"> <div class="portalname">Wishlist</div> </a> <nav class="nav-menu w-nav-menu" role="navigation"> <a class="navlink w-nav-link" href="https://university.webflow.com/videos">Courses</a> <a class="navlink w-nav-link" href="https://university.webflow.com/articles">Guides</a> <a class="navlink w-nav-link" href="https://forum.webflow.com/">Forum</a> <a class="navlink w-nav-link" href="https://university.webflow.com/contact">Contact</a> <div class="w-dropdown" data-delay="0" data-hover="1"> <div class="navdropdown w-dropdown-toggle"> <div class="navdropdowntext">More</div> <div class="navdropdownicon w-icon-dropdown-toggle"></div> </div> <nav class="dropdownmenu w-dropdown-list"> <a class="dropdownmenulink w-dropdown-link" href="https://developers.webflow.com">API Docs</a> <a class="dropdownmenulink w-dropdown-link" href="https://university.webflow.com/glossary">Glossary</a> </nav> </div> </nav> <div class="menubutton w-nav-button"> <div class="menubuttonicon w-icon-nav-menu"></div> </div> </div> </div> <script type="text/javascript" src="https://daks2k3a4ib2z.cloudfront.net/52cf50823d343d6104000288/js/webflow.b67a707b9.js"></script> </header> <div class="container">  <div class="idea" id="7305389188889590281"> <div class="portal-nav"> <ul class="breadcrumb"> <li> <a href="/ideas"> <i class='fa-regular fa-home'></i> Home </a> <span class="divider">/</span> </li> <li class="active"> <a href="/ideas?project=WEBFLOW">WEBFLOW</a>-I-6331 <span class="divider">/</span> </li> <li> <a href="/portal_session/new?return_to=%2Fideas%2Fnew">New idea</a> </li> </ul> <div class="search-form"> <form class="form-horizontal idea-search-form" action="/ideas/search" accept-charset="UTF-8" method="get"> <div class="search-field"> <input type="text" name="query" id="query" class="input-medium search-query" placeholder="Search ideas" aria-label="Search ideas" /> <a class="fa-regular fa-circle-xmark clear-button" style="display:none;" href="/ideas"></a> </div> </form></div> </div> <div class="clearfix"></div> <div class="idea-sidebar"> <div class="idea-endorsement" id="idea-7305389188889590281-endorsement"> <a class="btn-vote" data-disable="true" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-6331%3Freturn_to_action%3Dvote_7305389188889590281"> <span class="vote-count"> 147 </span> <span class="vote-status"> Vote </span> </a> <div class="popover vote-popover portal-user"></div> </div> </div> <div class="idea-content"> <div class="ajax-flash"></div> <h2> Editor needs to be integrated with localization features </h2> <div class="description"> <div class="note" data-reactive-preserve-attributes="true"> <p>This is such a massive pain point for using Webflow's version of localization. The people using the designer don't speak every language that needs to be localized, and we should not be the gatekeepers of updating translated text.<br><br>Editors need to be able to update and correct translated text, so that end customers and hired language experts can perform work without having to go through middlemen.</p> </div> </div> <ul class="idea-meta"> <li> <span class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c5391e304018a111374ba80221f54159?default=mm&rating=G&size=32" width="32" height="32" /> </span> Kevin Larsen </li> <li> Nov 25 2023 </li> <div class="clearfix"></div> </ul> <div class="idea-products-and-categories"> <a href="/ideas?category=7302534135079839811">Localization</a> </div> <div class="tabbable"> <ul class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" href="#comments"> <span class="comment-count"> Comments (46) </span> </a> </li> <li> <a data-toggle="tab" href="#votes"> <span class="vote-count"> Votes (147) </span> </a> </li> </ul> <div class="tab-content comments-tab-content"> <div class="tab-pane active idea-comments" id="comments"> <ul class="comments"> <li class="idea-comment idea-comment-new " id="idea-comment-new--top-level"> <div class="full-body"> <div class="save-btn"> <a class="btn btn-small btn-primary btn-outline" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-6331">Post comment</a> </div> </div> <div class="popover comment-popover comment-popover--classic comment-popover--top-level portal-user"></div> </li> <script> //<![CDATA[ //]]> </script> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d12ca09e3c2900bf5e055cb7ac8443f5?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Alessandro Burato commented </span> </div> <div class="controls"> <span class="posted"> 22 Nov 11:21 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Dear Webflow Team,</p><p>Not having editors able to switch between languages in the Editor is absolutely absurd. Seriously.</p><p>The fact that this functionality is only available through a paid plugin makes the situation even worse.</p><p>I wish you could be there when I have to explain to my client—after convincing them to move their website to Webflow and pay for the plugin—that one of the main features I promised them is not functional.</p><p>This issue must be resolved ASAP.<br></p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7440062409143480591" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/644572b241f009fe55b013886714960c?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Max Chabot commented </span> </div> <div class="controls"> <span class="posted"> 19 Nov 21:10 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Is that part of 2025 new features ?</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7439100752851052347" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/160634ef927eda326e7b77ce7ca9909e?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Bernt Roalkvam commented </span> </div> <div class="controls"> <span class="posted"> 29 Oct 21:54 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1 Big blocker</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7431319435257647452" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c84e574f8a2ab2186d4bd2eabbab4403?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Alex Dixon commented </span> </div> <div class="controls"> <span class="posted"> 18 Oct 09:00 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>+1 Hugely holds back this feature.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7427037929630947077" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b9a3d1db875557a8bd4dced6254127a9?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Matias Jansson commented </span> </div> <div class="controls"> <span class="posted"> 02 Oct 06:28 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This is unacceptable. Please elaborate on your thinking why this is not fixed. Is it on your roadmap? </p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7421061556442633981" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2d506d6b202f9714f11086bcd9fdde16?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Wouter van Waning commented </span> </div> <div class="controls"> <span class="posted"> 30 Sep 09:23 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Ouch, I'm researching the posibility of transferring from Weglot to Localization, but not the editor not integrated in this is a massive turnoff. As people are describing below, how can the client add and update CMS items in different languages? Super weird this isn't integrated.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7420364362745287074" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2ca50cda9395a317177bba1f5117b84a?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Jonathan Sanchez commented </span> </div> <div class="controls"> <span class="posted"> 25 Sep 01:40 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Is insane this feature is not available within the editor tool.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7418389585944338717" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fd3ca07fe82f2d3f5e180ff43025a1b1?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> René de Haas commented </span> </div> <div class="controls"> <span class="posted"> 18 Sep 09:20 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Embarrassing</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7415910544235530874" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/10ce61994cfa2f2b10fd351f095d4f73?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Marvelous Digital commented </span> </div> <div class="controls"> <span class="posted"> 09 Sep 08:56 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This is crazy, how are my clients supposed to edit their content themself if they can't manage every languages ? Who thought this would be a good idea ? Please Webflow fix this... </p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7412564664975184517" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1f0d7953a3b53e5950e6100f2f811e6a?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Frank Fienbork commented </span> </div> <div class="controls"> <span class="posted"> 24 Aug 21:34 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>I still can't believe this. I sold localization to two of my clients, and now I'm realizing translations doesn't work in the editor!? This is so disappointing, Webflow. Why do you ship half baked features? And you're not transparent with this. Do you want us to move away?</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7406822709557209030" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bfe117fdcf642a499816962a014676dd?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Sebastian Borggrewe commented </span> </div> <div class="controls"> <span class="posted"> 24 Jul 20:01 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>we have the same issue as many before in the comments. We were expecting, that the editor works fully with translations and now i have two colleagues who are suppose to handle multi-language content in the editor and are not able to do so. This has to be done asap!</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7395294970376809389" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/317196cbf7ff0ada172b407a7004f187?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> RAJ BADGEWAR commented </span> </div> <div class="controls"> <span class="posted"> 16 Jul 11:20 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Much needed feature. Needs to be done asap. Being designer and handing over site to client means they have the freedom to edit content but due to localization I am stuck now with their edit work without pay</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7392191976500105817" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bec5522ccabbb9538f439146fdb1b50b?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Daniel van Pel commented </span> </div> <div class="controls"> <span class="posted"> 10 Jul 11:36 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>It works so incredibly well in the designer. But sadly it is unusable when working with content editors. such a shame :(</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7389969622026013113" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2830dcd459f6c4fc24c436a1daef813f?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Bruno Santiago commented </span> </div> <div class="controls"> <span class="posted"> 07 Jul 01:52 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Should stop charging until this is released. It's a freaking expensive feature to not cover basics.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7388705954048328815" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/791b4b55059d63ed123225d4fa313db1?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> David Muehlenweg commented </span> </div> <div class="controls"> <span class="posted"> 04 Jul 11:00 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Needs to be done asap</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7387733985104366709" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e90ba6b353b442b6e558a90ec26b2696?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Digital Parner commented </span> </div> <div class="controls"> <span class="posted"> 18 Jun 07:16 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This is incredibly frustrating! Editors should absolutely be able to update and correct translated text. Having to go through designers for every little change is inefficient and unnecessary. Webflow needs to fix this ASAP!</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7381738691165472514" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d8188b0ef607236a93f1f23c0acca99c?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Steffi Marie commented </span> </div> <div class="controls"> <span class="posted"> 06 Jun 09:49 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>We are using Weglot and we wanted to switch to localization but will not use it until the editors get access to the translation tool. </p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7377325089054003033" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/08d02445c0bdb87ba7b6421576f0de73?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Toby MacLeod commented </span> </div> <div class="controls"> <span class="posted"> 05 Jun 16:31 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>Just got off a call with a client showing them their new website. It's the first localized site I've built. I naively told them they would be able to manage their locales through the Editor. I got off the call and went to the Editor to see how localization works, only to find it doesn't exist in the Editor.</p><p>So, my client is paying for Localization which they don't have access to, which means I'm going to have to maintain the translation for hundreds of content collection items, which I'm not being paid for. I guess it's on me for assuming Webflow had launched a fully functioning product.</p><p>This reminds of when Weblow launched Logic and User Accounts. They launched them half-baked, and then stopped developing them.</p><p>Webflow may be great for creating website designs, but they seem to forget the reason people use websites is for the content they contain. It doesn't matter how good a website looks if the content sucks or is out of date.</p><p>Come on Webflow, get your act together.</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7377057734715149159" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/77449f598ffe490cc889237f03943dd4?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Daniel Amosy commented </span> </div> <div class="controls"> <span class="posted"> 31 May 09:51 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>I was extremely surprised to realise this feature wasn't implemented on launch. To me it is the primary function of localization; that Editors contribute and translate content. Very common use case that a site has been built for a client that only has Editor-access and that needs to administer texts and content.<br><br>Fix ASAP!</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7375099312471126739" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment"> <div class="avatar"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6f48e8e1bf846e08cc465c42ee38ae64?default=mm&rating=G&size=40" width="40" height="40" /> </div> <div class="body"> <div class="comment-header"> <div> <span class="name"> Ben Hamilton commented </span> </div> <div class="controls"> <span class="posted"> 17 May 19:52 </span> </div> <div class="clearfix"></div> </div> <div class="comment-text aha-editor-field aha-editor-field-static aha-editor-field-static-content"> <p>This is needed ASAP! Why does my team have to have a full seat to translate the site???</p> </div> <div class="attachments attachments--grid"> <div class="clearfix"></div> <div class="attachment-modal hide fade modal"> <aha-modal-header><span slot="title"> Attachments <a class="btn btn-outline open-attachment pull-right" data-no-turbolink="true" target="_blank" rel="noopener noreferrer" href="#">Open full size</a> </span></aha-modal-header> <div class="modal-body center "> <div id="attachments-carousel-7370058976362773051" class="carousel slide"> <div class="carousel-inner"> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> </li> <li class="comment comment-more"> <a class="js-comment-more-link" href="#">Load older comments</a> </li> <script> //<![CDATA[ $(".js-comment-more-link").rebind('click.load-more-comments', function (event) { event.preventDefault(); $('.comment-more').remove(); $.get("https://wishlist.webflow.com/ideas/7305389188889590281/idea_comments.js?before=2024-05-17T19%3A52%3A55Z") }); //]]> </script> </ul> </div> <div class="tab-pane" id="votes"> <ul class="show-votes"> <li data-id="7440057883583246505" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d12ca09e3c2900bf5e055cb7ac8443f5?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7439684891582795685" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c10a1b609ac6e6a4d1e332381a31dc20?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7439255701978206830" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ee76eb53997b3688f111a501df468c16?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7434564459704043718" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8b465f6e41f6d25d8222e86578677fa5?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7427175004625489886" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/18ebdb7e513deb950cdc7fbe6785f1d6?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7427037704667862560" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c84e574f8a2ab2186d4bd2eabbab4403?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7426047764131082037" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b23d4e018749cf00a33ef02f3be190f1?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7421879185765082700" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9e6729480570948a583e74fdb7d63b42?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7421061662772254798" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b9a3d1db875557a8bd4dced6254127a9?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7420359701700077173" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2d506d6b202f9714f11086bcd9fdde16?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7418389613303517799" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2ca50cda9395a317177bba1f5117b84a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7418285498809064906" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f72db5f221db7535685fd99a51554565?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7416675467640866117" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b39a8fdc6f97d979e4fc20edd66b8d2e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7412902762887216673" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e01a428c67b8858dde9d5195e7fea2af?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7412564148779251184" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/10ce61994cfa2f2b10fd351f095d4f73?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7406821035623461255" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1f0d7953a3b53e5950e6100f2f811e6a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7402902194569794115" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2122e8d202185a71cefa963bf94fb5e2?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7402901500008432239" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/209df6b20e5def2a2df55fdf2c567235?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7398501972701272791" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/eeeda2525911523341e959aceecd5b55?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7397392833646440454" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/06d4763629573b44e342ff40e9f65440?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7397148026312383283" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8e96863ead235165f70421610f1c125d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7395759337982404106" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/7127372ad0da3a64e3ffdedb5d6c3c48?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7395294258184059565" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bfe117fdcf642a499816962a014676dd?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7395105984443602883" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6f674c8f078f4a980c7c7fd0f0b0cb93?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7393412457830779432" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bae6ad534d63545aff93cb56597d8eae?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7392192010922275733" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/317196cbf7ff0ada172b407a7004f187?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7392130847730514828" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2efbd2ae1b57e23c67d8e12369f68adb?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7392112506094974502" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/5eda576b7ed7572807c697ed49de3d6d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7390860022434567794" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9b964a00dbdd0657b22915c785a26c66?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7389968161692073776" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bec5522ccabbb9538f439146fdb1b50b?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7389907597105781657" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/7f9147ba5689cc915bc7b076f9c60ebb?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7389694421111123342" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8f4cf7b47eb5ad52a84e694fda59d67f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7389601167403370869" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/189607fbfa301a188a31328606e2c194?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7389596181377020633" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/7e61c5c91e39d7f4018db0ab4e70d7e9?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7389554389619177628" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/44a624a53d065a66288613b46a67701f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7388705585305181059" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2830dcd459f6c4fc24c436a1daef813f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7388705329452634126" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/3e72b661d6b554ec84f1f4712c68483d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7387733897232832607" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/791b4b55059d63ed123225d4fa313db1?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7387481004925627971" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/925ddadcbca5cc83b00fed76b69ac854?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7385221816592668017" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6b5ca2f5528009a1102a579247185ab3?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7384379345371843939" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/7b90b8cc02dc27c8f0a0197cd4e752af?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7383981822888817969" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/54b4b08539d70a5eb10d0b70ed9b6f01?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7381360214100865002" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/decd6c5eef0e8edb3419bc97de04606d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7379913028242853644" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/43fbf95b04a7ad3315d5837348810ebf?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7377647016867556711" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fac9ddaefe824044cac2688eb2cc817e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7377323625505196929" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d8188b0ef607236a93f1f23c0acca99c?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7376440195985989733" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/35d34810442511a821e5dd48d4f6e516?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7376312136319664038" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/79677dcb9c7573733136045376e5e395?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7376261732466096781" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/93a0ae1520a29a09e5f27546bfea8354?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7375098805710038819" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/77449f598ffe490cc889237f03943dd4?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7374348909925538309" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/01ca8d8bed51711df65c7fbf62a3244e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7374165746825732345" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8f51a7e958f4d87f5b8e9b0011e651bc?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7373747414174524416" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ccf34f7316927c07d0ba9ccfc003112f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7370631135242501776" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a84d3666b0d0f24096b83b7e5f805490?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7370058882711240370" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6f48e8e1bf846e08cc465c42ee38ae64?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7369612239508421009" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c49841df25050f90f12d98a29392771b?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7369514244952189342" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b71a0f83e82a88e86a1de5ff15a6bef3?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7368840417991558401" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6d7ec3bc4cef5f4234c2a4e9dd79c60b?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7368512016282069649" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fdcd7712e23d1e79947863c797504292?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7368459865186011360" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/e70dcc0dabcf4b2f251a955ad20700a2?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7368080270718399985" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/025cb60aad4988cc19b06541e6712a16?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7366553836420223053" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/de9c6d08532547d53cf857f404943e2b?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7364595019562411769" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/3ff2de4c751328ed2f4f2152e8a634a8?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7364377188823450680" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/5bc0547cc26b56b111306087c03cd6ff?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7363794006842709893" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/f25caf104b9ebc19fb049aed8872af96?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7361715186815051936" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/b8659601ed543114696ef5b8fd56f809?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7360631577170194795" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/927d3b5cac391a21be10c4484ac12da6?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7358599323965639798" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/32efe98b75d669d6d62dc2b4feceff39?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7356942427885438276" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/c5553102bf6d10791f25a36a995afc96?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7356554871625721254" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/8fecb2e255ca200d91718dcd9adf0554?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7356153862372645625" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/9d181b5e8989b3a62e27a4eeadc83dbc?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7354036014307960837" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/dc65e20466d07220d6ba437c428de246?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7353942299202293843" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6103fe6bcd8f755af9e824047b282c96?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7353578637187883287" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/67b68f8ebe7756fb6d7918d090981273?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7350752713390786190" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4683406da5379b0e83c5356171a6cb52?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7350333210720988120" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6330c103f38a0d131435ac03b296da8e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7348120711220943775" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/3b937a42beb422c170ddba337bcf4614?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7346229519529476839" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/35a0fc4b9ad627c43273b15130c46e88?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7345780956123558609" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2b55152dfb490daa82679ad2aa086b4a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7345635053294796092" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/50dcdf90a3362e1be65fce5beba51a9d?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7345447617485255790" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/886e18060c2bb88f67e0579067add3e4?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7342834350003241240" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/83650bd49c6bdb21c541e570dc0a236b?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7342512408003338028" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a941e2d853ea5a75633f964751455b44?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7342463526590843343" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/a1c1dbe9f0846172bfb76ad03fce813e?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7342414044888539366" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d5908c7fa73cafb1fe5134193f105d55?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7341031556269170105" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/ae572f609f05e96faec4d3b85dabb976?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7340305066541487258" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/64457cc25b7238a191bed274bc8c1edb?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7338052301714268439" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cdeef7d77acbe7dcf217be5d347c0a90?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7336137036096242524" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/2ae920263e8165a9902d3fd9e1bd7ecd?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7335773163552006996" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4dd0bc97ca1b4acf9f179b6d5215fe71?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7335418688597595105" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/4094f86c61cddc0de62cc68e4bde5b2f?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7334670010985809513" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/1cf8089e1d6c78507a2620304a762a4a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7334315400941046308" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/bc22f0dc19b17b48ebee01d83e39be94?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7333300510008266702" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/d84006098354dbaec47560d57e5ab8ae?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7332803296395219828" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/cd245aff2b3e140f02b56f7cfbfd3e57?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7332099893211123824" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/fd554e3295fa1a802d93a8df9c78e241?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7332057225810406739" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/45da48bdc91e6348a0c71b7e705e124a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7331054407265867639" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/471a3ff745e4b7385ac37c4754ccb6a7?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7330997687783108172" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/691e8b02608097fc43197d88b8d3165a?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li data-id="7330673574357978675" > <div class="avatar avatar-large"> <img alt="" onerror="this.style.visibility = "hidden"" src="https://secure.gravatar.com/avatar/6ec6868a8ee06f831dc61c8433b7c3e6?default=mm&rating=G&size=160" width="160" height="160" /> </div> </li> <li> +47 </li> </ul> </div> <div class="tab-pane" id="merged-ideas"> <ul class="merged-ideas ideas"> </ul> </div> </div> </div> </div> <div class="right-sidebar"> <div class="sidebar-section"> <div class="signup-link"> <a href="/portal_session/new?return_to=%2Fideas%2FWEBFLOW-I-6331">Log in / Sign up</a> </div> </div> <div class="sidebar-section idea-subscription" id="idea-7305389188889590281-subscription"> <a class="btn btn-outline btn-subscribe" href="/auth/jwt?return_to=%2Fideas%2FWEBFLOW-I-6331%3Freturn_to_action%3Dsubscribe_7305389188889590281">Subscribe</a> <p class="reason">You won't be notified about changes to this idea.</p> <div class="popover subscribe-popover portal-user"></div> </div> <h3 class="sidebar-header"> Related ideas </h3> <div id="idea-related-ideas"> <img src="https://cdn.aha.io/assets/busy.b7e3690b94c43e444483fbc7927a6a9a.gif" /> <script> //<![CDATA[ $("#idea-related-ideas").load('/ideas/WEBFLOW-I-6331/related_ideas') //]]> </script> </div> </div> </div> </div> <script> //<![CDATA[ //]]> </script> <footer> <div class="w-container"> <span class="footer-text">© 2024, Webflow, Inc. All Rights Reserved.</span> <span class="footer-text footer-divider">|</span> <a class="footer-text footer-link" href="https://webflow.com">Webflow Home</a> <span class="footer-text footer-divider">|</span> <a class="footer-text footer-link" href="https://university.webflow.com/">Webflow University</a> </div> </footer> <script type="text/javascript"> try { window.ignoreEvalErrors = true; window.eval("//Replace post comment button if the user is not logged in\nvar commentBtn = document.querySelector(\".idea-comment a\");\nif (commentBtn){\n commentBtn.parentNode.removeChild(commentBtn);\n var alertDiv = document.createElement(\"div\");\n alertDiv.setAttribute('class', 'alert');\n var node = document.createTextNode(\"Log into your Webflow account to leave a comment.\");\n alertDiv.appendChild(node);\n var parentElement = document.querySelector(\"div.tabbable\");\n var referenceNode = document.querySelector(\"div.tab-content.comments-tab-content\")\n parentElement.insertBefore(alertDiv, referenceNode);\n}\n\n//Replace SSO alert in Edit Profile page\nvar ssoAlert = document.querySelector(\".edit-profile div.alert\");\nif (ssoAlert){\n ssoAlert.innerHTML = \"Update your profile through \u003ca href='https://webflow.com/dashboard/account/general'\u003eWebflow account settings\u003c/a\u003e\"\n}\n\n//Set message for empty wishlist\nvar ideasUl = document.querySelector(\"ul.list-ideas.ideas\");\nif (ideasUl){\n if (ideasUl.getElementsByTagName(\"li\").length == 0){\n var alertDiv = document.createElement(\"div\");\n alertDiv.setAttribute('class', 'alert');\n var node = document.createTextNode(\"No wishlist ideas found\");\n alertDiv.appendChild(node);\n var parentElement = document.querySelector(\"div.portal-content\");\n parentElement.appendChild(alertDiv);\n }\n}\n\n//Add custom styles for iframe\nwindow.onload = function() {\n checkIframeLoaded(10)();\n var titleEl = document.getElementsByTagName(\"title\")[0];\n var docEl = document.documentElement;\n\n if (docEl \u0026\u0026 docEl.addEventListener) {\n docEl.addEventListener(\"DOMSubtreeModified\", function(evt) {\n var t = evt.target;\n if (t === titleEl || (t.parentNode \u0026\u0026 t.parentNode === titleEl)) {\n titleModified();\n }\n }, false);\n } else {\n document.onpropertychange = function() {\n if (window.event.propertyName == \"title\") {\n titleModified();\n }\n };\n }\n};\n\nfunction titleModified() {\n checkIframeLoaded(10)();\n}\n\nfunction checkIframeLoaded(times) {\n return function() {\n // Get a handle to the iframe element\n var iframe = document.querySelector(\"div.mce-edit-area iframe\");\n if (iframe){\n var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;\n // Check if loading is complete\n if ( iframeDoc.readyState == 'complete' ) {\n // The loading is complete, call the function we want executed once the iframe is loaded\n afterLoading();\n return;\n } \n }\n\n if(times \u003e 0) { \n // If we are here, it is not loaded. Set things up so we check the status again in 100 milliseconds\n window.setTimeout(checkIframeLoaded(times - 1), 100);\n }\n }\n}\n\nfunction afterLoading(){\n var iframe = document.querySelector(\"div.mce-edit-area iframe\");\n if (iframe){\n var link = document.createElement('link');\n link.type = \"text/css\";\n link.rel = \"stylesheet\";\n link.href = \"https://d3e54v103j8qbb.cloudfront.net/css/wishlist-mce-styles-v2.93240b9fa7.css\";\n iframe.contentWindow.document.querySelector(\"head\").appendChild(link);\n }\n}"); } catch(e) { window.console && console.error(e); } </script> <div class="modal hide fade" id="modal-window"></div> </body> </html>

CINXE.COM

Editor needs to be integrated with localization | Webflow Wishlist