Tagged: customization, header
-
AuthorPosts
-
August 15, 2024 at 1:34 am #1464645
Hi,
Sorry I have not used Figma, and I don’t make SVG’s, hopefully @Guenni007 will have a solution.
I tried to adjust your logo with css but each letter is a element, so it didn’t work.Best regards,
MikeAugust 15, 2024 at 2:10 am #1464646Hello!
ajusted the size and have flatten in a single object but the code is what figma exports:<svg xmlns=”http://www.w3.org/2000/svg” width=”202″ height=”40″ viewBox=”0 0 202 40″ fill=”none”>
<path d=”M68.986 14.5397C69.1353 13.5816 69.3406 12.8604 69.6034 12.3727C69.8638 11.8813 70.2347 11.5334 70.7215 11.327C71.3854 11.0458 72.6008 10.9061 74.377 10.9061C76.031 10.9061 77.1729 11.054 77.8086 11.3568C78.2434 11.5568 78.5126 11.8711 78.6206 12.3106C78.7297 12.7492 78.7134 13.4496 78.5666 14.4032C78.3344 15.9283 77.9014 16.9042 77.2715 17.3327C76.6359 17.7613 75.3069 17.9759 73.279 17.9759C71.5028 17.9759 70.3006 17.8172 69.6756 17.4959C69.2628 17.2858 69.0086 16.9797 68.9126 16.5727C68.8197 16.1639 68.8423 15.4845 68.986 14.5397ZM64.3598 20.6089C64.9628 21.1854 65.8255 21.5727 66.9455 21.7683C68.0712 21.9607 69.9673 22.0572 72.6366 22.0572C75.6508 22.0572 77.8293 21.9054 79.1783 21.5944C80.8034 21.2254 81.9743 20.3639 82.6908 19.007C82.9738 18.4711 83.199 17.8616 83.3797 17.1887C83.5573 16.5194 83.7486 15.5106 83.9539 14.1613C84.2318 12.3499 84.3096 11.0229 84.1797 10.1867C84.0511 9.34861 83.6715 8.67179 83.0447 8.15433C82.4417 7.65528 81.5494 7.30734 80.3755 7.11496C79.1927 6.92004 77.3882 6.8229 74.9562 6.8229C71.7725 6.8337 69.5093 7.0229 68.1628 7.38989C66.8138 7.76322 65.7879 8.47179 65.087 9.52636C64.7388 10.047 64.4708 10.6204 64.2839 11.2439C64.0912 11.8654 63.9067 12.774 63.7248 13.9689C63.4029 16.0718 63.2837 17.5658 63.369 18.4534C63.455 19.3429 63.7826 20.0572 64.3598 20.6089Z” fill=”white”/>
<path d=”M199.545 7.56759H199.183V7.01077H199.522C199.666 7.01077 199.766 7.02156 199.818 7.04252C199.872 7.06411 199.914 7.09521 199.944 7.13966C199.975 7.1822 199.991 7.23173 199.991 7.28759C199.991 7.37077 199.958 7.43934 199.895 7.49077C199.834 7.5422 199.715 7.56759 199.545 7.56759ZM199.936 7.88252C199.895 7.84442 199.845 7.81268 199.779 7.78411C199.938 7.77204 200.066 7.7149 200.162 7.61458C200.258 7.51363 200.307 7.3968 200.307 7.25902C200.307 7.16506 200.276 7.07299 200.219 6.98664C200.162 6.90156 200.086 6.84315 199.989 6.8095C199.892 6.77458 199.735 6.75616 199.518 6.75616H198.887V8.61458H199.183V7.82792H199.359C199.463 7.82537 199.541 7.84633 199.596 7.88887C199.675 7.94664 199.778 8.09014 199.907 8.32188L200.071 8.61394H200.431L200.207 8.25077C200.099 8.07807 200.011 7.95553 199.936 7.88252Z” fill=”white”/>
<path d=”M37.86 15.4781C37.7433 16.2349 37.6599 16.7086 37.6159 16.894C37.5683 17.0775 37.4798 17.2604 37.3487 17.4489C37.033 17.9289 36.3572 18.1689 35.3239 18.1689C34.3306 18.1689 34.0947 17.9181 33.9021 17.4228C33.7916 17.134 33.8187 16.4185 33.993 15.2864L34.6393 11.0724H43.46L44.0536 7.19557H35.2348L36.2086 0.841919L30.586 2.60636L29.8832 7.19557H27.059L26.4636 11.0724H29.2897L28.6409 15.2864C28.4483 16.5511 28.3422 17.3264 28.3147 17.6185C28.2387 18.4051 28.2387 19.0223 28.3385 19.4705C28.4382 19.92 28.6522 20.3327 28.9766 20.7124C29.4209 21.2299 30.0426 21.5842 30.8445 21.7733C31.6502 21.9613 32.9107 22.0578 34.6199 22.0578C36.4759 22.0578 37.5312 21.9187 38.5164 21.6445C39.497 21.374 40.3077 20.8895 40.9458 20.2057C42.2321 18.8273 42.4692 17.1587 42.751 15.4787L37.86 15.4781Z” fill=”white”/>
<path d=”M176.198 21.9981L178.437 7.38791H176.158L173.919 21.9981H176.198Z” fill=”white”/>
<path d=”M91.0633 15.8838H91.8602L96.7307 21.8756H103.824L96.5964 13.9695L105.072 7.19429H97.8878L92.2568 11.9473H91.6663L93.3604 0.91365L87.7385 2.6692L84.8239 21.8749H90.1755L91.0633 15.8838Z” fill=”white”/>
<path d=”M179.419 0.982821H177.138L176.718 3.71996H178.998L179.419 0.982821Z” fill=”white”/>
<path d=”M140.27 17.7943C140.416 16.8337 140.82 16.1708 141.473 15.8133C141.813 15.6286 142.365 15.5028 143.124 15.4337C143.889 15.367 145.207 15.3352 147.081 15.3352C149.636 15.3352 151.324 15.4985 152.146 15.8286C152.971 16.1537 153.311 16.7911 153.163 17.7352C153.014 18.7099 152.525 19.3543 151.693 19.6692C150.864 19.9911 149.242 20.1473 146.815 20.1473C143.496 20.1473 141.57 20.0127 141.036 19.734C140.378 19.3975 140.124 18.7492 140.27 17.7943ZM138.664 21.2261C139.107 21.6197 139.817 21.8718 140.779 21.9981C141.746 22.1194 143.493 22.1816 146.015 22.1816C148.229 22.1816 149.745 22.0654 150.576 21.8349C151.411 21.6051 152.171 21.0889 152.86 20.2902H152.985L152.675 21.9981H154.944L156.127 14.2997C156.394 12.5537 156.501 11.334 156.459 10.6362C156.414 9.93713 156.175 9.33208 155.75 8.82477C155.234 8.1816 154.46 7.75049 153.42 7.52509C152.379 7.30096 150.632 7.18795 148.18 7.18795C145.054 7.18795 142.883 7.46668 141.66 8.01842C140.437 8.57525 139.711 9.61779 139.476 11.1461C139.453 11.2985 139.432 11.508 139.413 11.7759H141.786C141.797 11.6927 141.807 11.6305 141.815 11.5766C141.966 10.5949 142.427 9.95427 143.193 9.65779C143.966 9.37017 145.584 9.22223 148.049 9.22223C149.925 9.22223 151.262 9.31303 152.06 9.49017C152.858 9.66855 153.424 10.0108 153.753 10.5149C154.121 11.0762 154.208 12.0026 154.013 13.2851L153.771 14.8559H153.574C153.18 14.1676 152.54 13.7302 151.659 13.5518C150.774 13.3721 148.85 13.2851 145.891 13.2851C143.06 13.2851 141.233 13.4527 140.409 13.7949C139.653 14.0889 139.081 14.5409 138.687 15.1447C138.298 15.7543 138.014 16.6228 137.842 17.7454C137.7 18.6718 137.688 19.3899 137.807 19.9004C137.925 20.4152 138.212 20.8571 138.664 21.2261Z” fill=”white”/>
<path d=”M200.874 8.37587C200.749 8.60572 200.573 8.78413 200.347 8.90984C200.119 9.03873 199.883 9.10222 199.637 9.10222C199.391 9.10222 199.154 9.03873 198.927 8.90984C198.703 8.78413 198.525 8.60572 198.399 8.37587C198.273 8.14857 198.212 7.91111 198.212 7.66032C198.212 7.40889 198.274 7.16889 198.401 6.93714C198.53 6.70603 198.71 6.52825 198.935 6.40444C199.162 6.27873 199.397 6.21714 199.637 6.21714C199.876 6.21714 200.11 6.2781 200.336 6.40444C200.565 6.52825 200.743 6.70667 200.869 6.93714C200.996 7.16889 201.06 7.40889 201.06 7.66032C201.062 7.91111 200.999 8.14857 200.874 8.37587ZM201.115 6.79429C200.963 6.51746 200.752 6.30286 200.477 6.15555C200.204 6.00572 199.923 5.93015 199.637 5.93015C199.351 5.93015 199.07 6.00572 198.796 6.15555C198.525 6.30349 198.311 6.51746 198.156 6.79429C198.004 7.07111 197.927 7.36 197.927 7.66095C197.927 7.95872 198.004 8.24634 198.154 8.52C198.305 8.79429 198.516 9.00889 198.788 9.16127C199.058 9.31429 199.344 9.38857 199.637 9.38857C199.932 9.38857 200.214 9.31429 200.487 9.16127C200.76 9.00953 200.97 8.79492 201.117 8.52C201.27 8.24634 201.345 7.95872 201.345 7.66095C201.345 7.35936 201.268 7.07111 201.115 6.79429Z” fill=”white”/>
<path d=”M49.2817 21.6851L50.2028 15.6725C50.3729 14.5721 50.5422 13.7582 50.7186 13.2439C50.8861 12.734 51.1358 12.2985 51.4558 11.9518C52.0914 11.2527 53.0483 10.9061 54.3195 10.9061C55.6754 10.9061 56.4804 11.2235 56.7302 11.861C56.8531 12.2026 56.8493 12.7944 56.7169 13.6406H61.7617C61.857 13.1201 61.916 12.8006 61.9355 12.6711C62.2693 10.4864 62.0817 8.96703 61.3645 8.10925C60.6486 7.25275 59.2111 6.8229 57.0583 6.8229C55.5499 6.8229 54.3446 7.01656 53.4423 7.40513C52.5419 7.79242 51.7708 8.45084 51.122 9.37846H50.8547L51.1898 7.1937H46.152L43.9302 21.6851H49.2817Z” fill=”white”/>
<path d=”M8.98345 6.40576C9.55942 6.24957 11.1087 6.17084 13.6367 6.17084C15.7349 6.17084 17.1039 6.18925 17.7458 6.23433C18.3839 6.28005 18.8225 6.37846 19.0571 6.53084C19.1469 6.59115 19.2185 6.65973 19.2755 6.73401L25.4064 4.94861C25.3555 4.21147 25.1773 3.82099 24.8699 3.40068C24.3196 2.64385 23.1651 2.14036 21.4127 1.88894C20.2775 1.72576 18.2729 1.64258 15.4035 1.64258C11.3427 1.64258 8.63584 1.74099 7.27803 1.93909C5.92462 2.13465 4.87239 2.58989 4.12572 3.30672C3.14501 4.22354 2.48368 5.7956 2.14298 8.0229C1.83803 10.0115 1.98862 11.4292 2.59349 12.2787C2.93859 12.7861 3.48321 13.1575 4.2142 13.3848C4.94518 13.6121 6.02376 13.7511 7.44557 13.8006C8.18094 13.8159 9.75019 13.8839 12.1615 14.002C14.5169 14.1156 16.0586 14.1759 16.7965 14.1759C17.7458 14.1944 18.3575 14.3042 18.6399 14.5016C18.9179 14.6985 19.0127 15.0883 18.9242 15.6756C18.7987 16.4908 18.5025 16.9842 18.0363 17.1677C17.7226 17.2966 17.3109 17.3702 16.8009 17.3949C16.2951 17.4178 14.7805 17.433 12.2644 17.4445C9.86628 17.4235 8.44133 17.3994 7.99207 17.3658C7.38031 17.3187 6.90533 17.1829 6.64494 16.6363L0.560547 18.5366C0.571214 18.8864 0.606978 18.9982 0.670978 19.2508C0.847292 19.948 1.26768 20.5054 1.93466 20.9302C2.5847 21.3239 3.59427 21.6006 4.97153 21.7549C6.34879 21.9067 8.50344 21.9861 11.4418 21.9861C14.9455 21.9861 17.3499 21.927 18.6562 21.8134C19.8748 21.6953 20.841 21.4718 21.5545 21.1461C22.2691 20.8204 22.8614 20.3232 23.3339 19.6559C23.9651 18.7511 24.4282 17.3651 24.7136 15.5023C24.9301 14.0858 24.9514 13.0001 24.7689 12.2387C24.5926 11.4826 24.1753 10.8864 23.5322 10.4515C22.9568 10.087 22.1505 9.83874 21.1083 9.70541C20.0642 9.57655 17.9729 9.46353 14.8357 9.37084C11.1049 9.2502 9.02486 9.13337 8.58564 9.00449C8.05796 8.85274 7.844 8.42798 7.95192 7.73084C8.06235 7.0083 8.40745 6.56893 8.98345 6.40576Z” fill=”white”/>
<path d=”M188.862 22.1822C190.727 22.1822 192.151 22.066 193.137 21.8355C194.118 21.6057 194.934 21.1943 195.587 20.5962C196.479 19.7853 197.078 18.4927 197.38 16.7181H195.054C194.785 18.1302 194.247 19.0616 193.448 19.4959C192.644 19.9333 191.074 20.1479 188.731 20.1479C185.762 20.1479 183.884 19.9269 183.1 19.4882C182.531 19.1707 182.154 18.645 181.974 17.9098C181.804 17.1746 181.811 16.1758 182.005 14.9047C182.213 13.5581 182.494 12.4971 182.852 11.7257C183.208 10.9524 183.674 10.3898 184.258 10.0387C185.137 9.50727 186.877 9.2387 189.474 9.2387C192.122 9.2387 193.84 9.4552 194.631 9.88951C195.421 10.3269 195.729 11.2362 195.548 12.6082H197.934C198.042 11.6609 198.044 10.9047 197.943 10.3384C197.839 9.77074 197.614 9.2641 197.265 8.83425C196.772 8.23172 195.979 7.80949 194.89 7.56822C193.799 7.32632 192.097 7.20632 189.787 7.20632C187.221 7.20632 185.349 7.39425 184.164 7.76758C182.98 8.14155 182.01 8.85076 181.251 9.90094C180.477 10.9796 179.927 12.5866 179.596 14.732C179.133 17.7688 179.523 19.8298 180.764 20.9053C181.33 21.3891 182.198 21.7206 183.363 21.9041C184.534 22.0876 186.365 22.1822 188.862 22.1822Z” fill=”white”/>
<path d=”M171.639 20.3956C171.997 19.9549 172.279 19.4451 172.472 18.8654C172.669 18.2826 172.852 17.4375 173.022 16.3163L173.165 15.393H170.895L170.754 16.3163C170.617 17.2001 170.494 17.8261 170.383 18.1925C170.268 18.5613 170.105 18.8826 169.893 19.1506C169.568 19.5277 169.166 19.7918 168.677 19.9327C168.187 20.0749 167.433 20.1473 166.406 20.1473C165.311 20.1473 164.491 20.0749 163.945 19.9264C163.396 19.7747 163.011 19.5239 162.78 19.1664C162.589 18.8547 162.487 18.5473 162.487 18.242C162.481 17.9315 162.575 17.0845 162.766 15.7042L163.738 9.36131H173.844L174.147 7.3886H164.042L164.596 3.76765H162.314L161.76 7.3886H158.214L157.911 9.36131H161.459L160.368 16.4699C160.192 17.621 160.117 18.4782 160.141 19.0394C160.167 19.607 160.304 20.1004 160.549 20.5385C160.887 21.1213 161.474 21.5416 162.314 21.7987C163.152 22.0559 164.353 22.1829 165.915 22.1829C167.439 22.1829 168.638 22.0464 169.521 21.767C170.406 21.4896 171.112 21.0311 171.639 20.3956Z” fill=”white”/>
<path d=”M120.479 11.4825C120.513 11.9746 120.451 12.7428 120.292 13.7778L119.034 21.9981H121.314L122.197 16.2393C122.468 14.466 122.737 13.1841 122.998 12.4019C123.258 11.6133 123.625 10.9898 124.091 10.5162C124.562 10.0521 125.189 9.72636 125.983 9.53455C126.771 9.33901 127.891 9.23806 129.344 9.23806C131.88 9.23806 133.452 9.58922 134.054 10.299C134.498 10.826 134.587 11.9816 134.311 13.7778L133.05 21.9981H135.329L136.507 14.3143C136.768 12.6121 136.878 11.4292 136.838 10.7688C136.799 10.1073 136.586 9.50663 136.199 8.97711C135.694 8.30853 134.971 7.84695 134.034 7.58791C133.092 7.33076 131.636 7.20632 129.667 7.20632C127.6 7.20632 126.051 7.38917 125.018 7.75743C123.989 8.13076 123.167 8.79235 122.552 9.74541C122.139 8.74981 121.441 8.07679 120.468 7.73139C119.487 7.37774 117.821 7.20632 115.458 7.20632C113.693 7.20632 112.426 7.33774 111.653 7.59934C110.881 7.85648 110.072 8.43044 109.214 9.31489L109.509 7.38917H107.215L104.976 21.9993H107.255L108.139 16.2406C108.432 14.3326 108.691 13.0121 108.92 12.2883C109.148 11.5574 109.478 10.9841 109.906 10.5645C110.406 10.08 111.067 9.7396 111.883 9.5396C112.696 9.34029 113.838 9.23996 115.298 9.23996C117.828 9.23996 119.403 9.59741 120.034 10.3187C120.292 10.6057 120.44 10.9936 120.479 11.4825Z” fill=”white”/>
<path d=”M179.212 33.7925C179.128 34.3385 179.017 34.762 178.88 35.0635C178.741 35.3632 178.555 35.5887 178.322 35.7385C178.109 35.8826 177.834 35.9772 177.503 36.0306C177.168 36.082 176.657 36.108 175.969 36.108C174.913 36.108 174.211 36.0368 173.867 35.8927C173.555 35.767 173.353 35.548 173.266 35.2394C173.174 34.9321 173.177 34.4673 173.274 33.8502C173.358 33.3029 173.474 32.8744 173.624 32.5568C173.776 32.242 173.974 32.0108 174.223 31.8623C174.433 31.7385 174.704 31.6521 175.034 31.6051C175.366 31.5582 175.844 31.534 176.479 31.534C177.473 31.534 178.151 31.5899 178.51 31.7016C178.87 31.814 179.102 32.0363 179.213 32.3734C179.312 32.673 179.312 33.1467 179.212 33.7925ZM179.563 31.0889C179.334 30.9327 178.994 30.8273 178.552 30.7696C178.106 30.7118 177.408 30.682 176.456 30.682C175.387 30.6851 174.611 30.7651 174.135 30.9194C173.661 31.0756 173.264 31.381 172.939 31.8375C172.619 32.2782 172.394 32.9302 172.262 33.7925C172.145 34.5613 172.138 35.1601 172.249 35.5886C172.356 36.0172 172.596 36.341 172.968 36.5601C173.217 36.7099 173.555 36.8147 173.984 36.8706C174.412 36.9308 175.055 36.9601 175.914 36.9601C176.825 36.9601 177.481 36.9175 177.888 36.8356C178.303 36.7544 178.647 36.6235 178.925 36.4439C179.203 36.2635 179.44 36.0108 179.636 35.6889C179.906 35.2623 180.105 34.6406 180.231 33.8216C180.341 33.0889 180.347 32.5054 180.243 32.0787C180.136 31.6515 179.912 31.3213 179.563 31.0889Z” fill=”white”/>
<path d=”M141.953 31.3651C141.745 31.1125 141.415 30.9353 140.956 30.8344C140.499 30.7334 139.788 30.682 138.819 30.682C137.744 30.682 136.956 30.7607 136.461 30.9168C135.965 31.073 135.558 31.3708 135.241 31.8115C134.916 32.2635 134.686 32.9359 134.546 33.8363C134.352 35.1073 134.516 35.9715 135.035 36.4235C135.274 36.6248 135.638 36.7651 136.127 36.8426C136.617 36.9194 137.383 36.9594 138.432 36.9594C139.213 36.9594 139.809 36.9099 140.222 36.814C140.633 36.7175 140.976 36.5435 141.25 36.2934C141.624 35.9544 141.875 35.4115 142.001 34.6687H141.028C140.913 35.2591 140.688 35.6502 140.354 35.8349C140.016 36.0166 139.358 36.1073 138.377 36.1073C137.132 36.1073 136.345 36.0147 136.018 35.8287C135.777 35.6972 135.619 35.4763 135.545 35.1677C135.474 34.8591 135.475 34.4413 135.557 33.9073C135.644 33.3429 135.762 32.8997 135.912 32.5759C136.062 32.2521 136.257 32.0159 136.502 31.868C136.872 31.6458 137.599 31.5334 138.688 31.5334C139.799 31.5334 140.52 31.6242 140.849 31.8058C141.18 31.9906 141.31 32.3702 141.235 32.9448H142.233C142.279 32.5499 142.279 32.2325 142.237 31.9949C142.192 31.7575 142.098 31.5454 141.953 31.3651Z” fill=”white”/>
<path d=”M150.708 31.3486C150.51 31.1004 150.206 30.9283 149.793 30.8299C149.378 30.7314 148.752 30.6813 147.92 30.6813C146.933 30.6813 146.215 30.7505 145.765 30.8902C145.314 31.0247 144.959 31.2864 144.696 31.6705H144.619L145.171 28.0756H144.215L142.864 36.8845H143.819L144.262 34.0051C144.351 33.4242 144.435 33.0235 144.514 32.8064C144.595 32.5866 144.73 32.3854 144.914 32.2045C145.157 31.9695 145.494 31.7987 145.923 31.6933C146.352 31.5886 146.933 31.5359 147.67 31.5359C148.325 31.5359 148.814 31.574 149.14 31.654C149.467 31.7327 149.692 31.8692 149.814 32.0654C149.929 32.2362 149.987 32.4438 149.994 32.6876C149.996 32.9327 149.953 33.3727 149.854 34.0051L149.414 36.8845H150.37L150.855 33.7023C150.968 32.9771 151.013 32.4527 150.994 32.1404C150.974 31.8242 150.877 31.5606 150.708 31.3486Z” fill=”white”/>
<path d=”M188.258 33.5715C188.176 34.11 188.065 34.5233 187.917 34.8166C187.774 35.1086 187.571 35.3322 187.308 35.4884C186.95 35.6986 186.166 35.8033 184.965 35.8033C183.858 35.8033 183.159 35.7258 182.863 35.5715C182.371 35.3144 182.201 34.6846 182.356 33.6833C182.507 32.6922 182.837 32.0776 183.347 31.8331C183.766 31.6331 184.563 31.5353 185.746 31.5353C186.775 31.5353 187.449 31.6205 187.771 31.7925C188.027 31.9271 188.193 32.1271 188.267 32.3988C188.342 32.6686 188.337 33.0617 188.258 33.5715ZM188.58 31.5455H188.523C188.414 31.3062 188.242 31.1125 188.013 30.9671C187.827 30.8547 187.587 30.7791 187.299 30.7405C187.009 30.701 186.536 30.6826 185.876 30.6826C185.078 30.6826 184.465 30.7081 184.041 30.7569C183.617 30.8065 183.264 30.8947 182.981 31.016C182.094 31.4128 181.551 32.2903 181.339 33.6484C181.244 34.2776 181.241 34.7957 181.332 35.1995C181.425 35.6046 181.614 35.9284 181.911 36.1722C182.118 36.3474 182.44 36.4719 182.88 36.5455C183.319 36.6179 183.947 36.6572 184.763 36.6572C185.744 36.6572 186.424 36.6077 186.803 36.5086C187.179 36.4115 187.523 36.1938 187.836 35.8643H187.901C187.785 36.4877 187.684 36.9169 187.602 37.15C187.518 37.3862 187.397 37.5874 187.24 37.7614C187.043 37.9715 186.732 38.1182 186.306 38.1969C185.882 38.2769 185.214 38.315 184.304 38.315C183.251 38.315 182.569 38.2166 182.264 38.0186C182.126 37.9334 182.034 37.8281 181.989 37.7055C181.942 37.5829 181.926 37.4077 181.939 37.1805H180.958C180.914 37.4648 180.899 37.6795 180.914 37.8281C180.927 37.9779 180.976 38.1277 181.069 38.2839C181.256 38.6096 181.585 38.8395 182.055 38.969C182.523 39.0972 183.263 39.1607 184.274 39.1607C185.254 39.1607 185.974 39.1271 186.439 39.0591C186.9 38.99 187.275 38.8598 187.565 38.6706C188.003 38.3798 188.307 38.0001 188.468 37.536C188.641 37.0414 188.8 36.3086 188.948 35.3405L189.652 30.7601H188.69L188.58 31.5455Z” fill=”white”/>
<path d=”M132.544 33.2115H126.894C127.036 32.5925 127.274 32.1658 127.613 31.9296C127.817 31.7816 128.087 31.6801 128.421 31.6235C128.756 31.5632 129.234 31.5359 129.854 31.5359C130.564 31.5359 131.099 31.5658 131.456 31.628C131.815 31.6915 132.082 31.802 132.264 31.9594C132.538 32.1949 132.631 32.6127 132.544 33.2115ZM133.254 31.494C133.024 31.1766 132.688 30.9632 132.24 30.8483C131.796 30.7378 131.052 30.682 130.01 30.682C128.921 30.682 128.134 30.7587 127.643 30.9106C127.155 31.0623 126.754 31.3587 126.442 31.7925C126.114 32.2483 125.878 32.9277 125.739 33.8368C125.539 35.1308 125.714 35.9994 126.258 36.4375C126.497 36.6254 126.873 36.7613 127.385 36.8413C127.897 36.9201 128.66 36.9607 129.674 36.9607C130.897 36.9607 131.778 36.8153 132.317 36.5232C132.854 36.2368 133.185 35.7245 133.314 34.993H132.314C132.238 35.3029 132.128 35.5245 131.99 35.6559C131.803 35.828 131.551 35.948 131.221 36.0115C130.891 36.0763 130.387 36.1087 129.7 36.1087C128.795 36.1087 128.147 36.0711 127.755 36.0026C127.365 35.9302 127.093 35.7968 126.94 35.6064C126.712 35.3207 126.644 34.8001 126.733 34.0363H133.474C133.577 33.3144 133.613 32.7759 133.581 32.4248C133.554 32.0725 133.439 31.762 133.254 31.494Z” fill=”white”/>
<path d=”M84.344 35.0953C84.2794 35.5023 84.0761 35.7746 83.7266 35.9061C83.3796 36.042 82.6994 36.1074 81.6824 36.1074C80.2907 36.1074 79.4831 36.0496 79.2604 35.9334C78.9837 35.7925 78.8776 35.522 78.9391 35.122C78.9994 34.7194 79.1694 34.4407 79.4429 34.2896C79.5848 34.2127 79.8182 34.1613 80.1357 34.1322C80.4557 34.1036 81.006 34.0908 81.7922 34.0908C82.8638 34.0908 83.5716 34.1601 83.9168 34.2979C84.2612 34.4337 84.4024 34.6985 84.344 35.0953ZM85.4283 31.3607C85.2118 31.0915 84.8855 30.9111 84.4507 30.8172C84.0152 30.7232 83.2817 30.6763 82.254 30.6763C80.9426 30.6763 80.0309 30.7931 79.5208 31.0255C79.0082 31.2572 78.7032 31.6946 78.606 32.336C78.5953 32.3994 78.5865 32.4877 78.5789 32.5987H79.5723C79.5779 32.5651 79.5816 32.5366 79.5842 32.5156C79.6482 32.1042 79.8427 31.8363 80.1627 31.7118C80.487 31.5912 81.1648 31.5303 82.1981 31.5303C82.9843 31.5303 83.544 31.5665 83.8785 31.6407C84.2135 31.7163 84.4501 31.8598 84.5888 32.0718C84.743 32.3061 84.7813 32.6941 84.6991 33.2325L84.5963 33.8902H84.5141C84.3484 33.6026 84.0817 33.4185 83.7122 33.3429C83.3413 33.2687 82.5338 33.2325 81.294 33.2325C80.1081 33.2325 79.3413 33.3035 78.9975 33.4458C78.6794 33.5683 78.4409 33.7601 78.2753 34.0115C78.1122 34.2674 77.9923 34.6299 77.9195 35.101C77.8599 35.4896 77.8555 35.7912 77.9064 36.0058C77.9553 36.2204 78.0739 36.407 78.264 36.5613C78.451 36.7265 78.7471 36.8306 79.1493 36.8851C79.5559 36.9347 80.2875 36.962 81.3461 36.962C82.2728 36.962 82.9103 36.9125 83.2572 36.8166C83.6068 36.7201 83.9243 36.5036 84.2154 36.1689H84.2662L84.1376 36.8858H85.0882L85.5845 33.6566C85.6968 32.9258 85.7413 32.416 85.7238 32.122C85.705 31.8286 85.6058 31.5741 85.4283 31.3607Z” fill=”white”/>
<path d=”M167.764 33.7925C167.679 34.3385 167.57 34.762 167.432 35.0635C167.293 35.3632 167.107 35.5887 166.871 35.7385C166.66 35.8826 166.387 35.9772 166.054 36.0306C165.718 36.082 165.209 36.108 164.52 36.108C163.46 36.108 162.762 36.0368 162.416 35.8927C162.105 35.767 161.903 35.548 161.816 35.2394C161.726 34.9321 161.73 34.4673 161.826 33.8502C161.908 33.3029 162.024 32.8744 162.175 32.5568C162.326 32.242 162.525 32.0108 162.774 31.8623C162.984 31.7385 163.256 31.6521 163.584 31.6051C163.916 31.5582 164.395 31.534 165.03 31.534C166.025 31.534 166.703 31.5899 167.061 31.7016C167.421 31.814 167.654 32.0363 167.765 32.3734C167.864 32.673 167.864 33.1467 167.764 33.7925ZM168.115 31.0889C167.885 30.9327 167.546 30.8273 167.1 30.7696C166.658 30.7118 165.958 30.682 165.007 30.682C163.935 30.6851 163.163 30.7651 162.688 30.9194C162.214 31.0756 161.814 31.381 161.492 31.8375C161.172 32.2782 160.945 32.9302 160.814 33.7925C160.697 34.5613 160.691 35.1601 160.797 35.5886C160.908 36.0172 161.148 36.341 161.518 36.5601C161.769 36.7099 162.108 36.8147 162.535 36.8706C162.963 36.9308 163.608 36.9601 164.465 36.9601C165.376 36.9601 166.034 36.9175 166.438 36.8356C166.854 36.7544 167.198 36.6235 167.474 36.4439C167.754 36.2635 167.992 36.0108 168.188 35.6889C168.457 35.2623 168.654 34.6406 168.779 33.8216C168.894 33.0889 168.898 32.5054 168.794 32.0787C168.688 31.6515 168.463 31.3213 168.115 31.0889Z” fill=”white”/>
<path d=”M169.567 36.8839H170.523L171.874 28.075H170.919L169.567 36.8839Z” fill=”white”/>
<path d=”M159.509 31.355C159.31 31.0979 159.008 30.9239 158.605 30.8281C158.199 30.7315 157.565 30.6826 156.697 30.6826C155.701 30.6826 154.984 30.7506 154.545 30.8903C154.103 31.0248 153.752 31.2909 153.487 31.6833H153.417L153.559 30.7588H152.604L151.665 36.8839H152.62L153.055 34.0496C153.142 33.4731 153.226 33.0725 153.307 32.8465C153.385 32.6198 153.511 32.4186 153.681 32.2382C153.93 31.99 154.269 31.8071 154.696 31.6998C155.127 31.5906 155.711 31.536 156.454 31.536C157.115 31.536 157.609 31.5741 157.929 31.6528C158.254 31.7328 158.478 31.8674 158.611 32.0566C158.721 32.2198 158.783 32.4229 158.789 32.6605C158.798 32.8991 158.759 33.2903 158.677 33.8376L158.209 36.8846H159.164L159.696 33.4243C159.783 32.8522 159.814 32.4147 159.785 32.1125C159.758 31.8071 159.665 31.5544 159.509 31.355Z” fill=”white”/>
<path d=”M93.6442 36.8839H94.5998L95.5383 30.7588H94.5828L93.6442 36.8839Z” fill=”white”/>
<path d=”M127.832 28.075H117.941L117.781 29.108H122.158L120.965 36.8839H122.125L123.317 29.108H127.674L127.832 28.075Z” fill=”white”/>
<path d=”M94.8169 29.2217H95.7726L95.9488 28.075H94.9933L94.8169 29.2217Z” fill=”white”/>
<path d=”M89.4367 29.2413H88.481L88.2488 30.7587H86.7612L86.6338 31.5847H88.1215L87.6641 34.5657C87.5894 35.0483 87.5606 35.4057 87.5687 35.6419C87.5807 35.8806 87.639 36.0883 87.7394 36.2699C87.8818 36.5149 88.1278 36.6902 88.4798 36.7994C88.8311 36.9066 89.335 36.96 89.9901 36.96C90.6282 36.96 91.1295 36.9023 91.5004 36.7847C91.8711 36.668 92.1654 36.4787 92.3882 36.2095C92.5387 36.0261 92.6573 35.8114 92.7377 35.5683C92.8199 35.3245 92.8964 34.9702 92.9692 34.5004L93.0288 34.113H92.0776L92.018 34.5004C91.9608 34.8699 91.9101 35.1327 91.8611 35.2883C91.8147 35.4426 91.7463 35.5746 91.6578 35.6889C91.5217 35.8476 91.3516 35.9568 91.1477 36.0171C90.9426 36.0749 90.6269 36.108 90.1965 36.108C89.736 36.108 89.3933 36.0749 89.1644 36.0152C88.936 35.9505 88.7728 35.8457 88.6755 35.6959C88.5965 35.5657 88.5526 35.4368 88.5526 35.3073C88.5501 35.1759 88.5902 34.8235 88.6718 34.2438L89.0784 31.5842H93.3155L93.441 30.7581H89.2064L89.4367 29.2413Z” fill=”white”/>
<path d=”M193.699 36.0966H193.574L191.471 30.7588H190.348L192.816 36.8687H193.141C192.773 37.4046 192.447 37.7474 192.16 37.9017C191.872 38.0579 191.413 38.136 190.779 38.136C190.639 38.136 190.494 38.1296 190.343 38.1144L190.209 38.9994C190.354 39.0096 190.534 39.0127 190.748 39.0127C191.242 39.0127 191.629 38.9829 191.907 38.9232C192.19 38.8629 192.459 38.7537 192.713 38.5963C192.978 38.4223 193.238 38.1925 193.484 37.9029C193.732 37.6166 194.079 37.1341 194.533 36.4591L198.352 30.7607H197.232L193.699 36.0966Z” fill=”white”/>
<path d=”M103.29 33.7925C103.204 34.3385 103.094 34.762 102.956 35.0635C102.818 35.3632 102.632 35.5887 102.397 35.7385C102.183 35.8826 101.91 35.9772 101.576 36.0306C101.244 36.082 100.732 36.108 100.045 36.108C98.9859 36.108 98.2849 36.0368 97.9411 35.8927C97.6307 35.767 97.4278 35.548 97.3421 35.2394C97.2507 34.9321 97.2554 34.4673 97.3507 33.8502C97.4326 33.3029 97.5497 32.8744 97.7002 32.5568C97.8516 32.242 98.0497 32.0108 98.3002 31.8623C98.5097 31.7385 98.7783 31.6521 99.1088 31.6051C99.4402 31.5582 99.9202 31.534 100.554 31.534C101.55 31.534 102.226 31.5899 102.586 31.7016C102.946 31.814 103.179 32.0363 103.288 32.3734C103.389 32.673 103.387 33.1467 103.29 33.7925ZM103.639 31.0889C103.411 30.9327 103.071 30.8273 102.627 30.7696C102.184 30.7118 101.484 30.682 100.533 30.682C99.4611 30.6851 98.6888 30.7651 98.2135 30.9194C97.7392 31.0756 97.3392 31.381 97.0145 31.8375C96.6964 32.2782 96.4697 32.9302 96.3392 33.7925C96.2202 34.5613 96.2164 35.1601 96.323 35.5886C96.4316 36.0172 96.6726 36.341 97.044 36.5601C97.2916 36.7099 97.6307 36.8147 98.0611 36.8706C98.4888 36.9308 99.1326 36.9601 99.9907 36.9601C100.898 36.9601 101.558 36.9175 101.96 36.8356C102.375 36.7544 102.723 36.6235 102.998 36.4439C103.276 36.2635 103.514 36.0108 103.711 35.6889C103.981 35.2623 104.178 34.6406 104.304 33.8216C104.415 33.0889 104.422 32.5054 104.317 32.0787C104.213 31.6515 103.987 31.3213 103.639 31.0889Z” fill=”white”/>
<path d=”M112.89 31.355C112.692 31.0979 112.391 30.9239 111.989 30.8281C111.582 30.7315 110.948 30.6826 110.08 30.6826C109.083 30.6826 108.366 30.7506 107.927 30.8903C107.487 31.0248 107.134 31.2909 106.871 31.6833H106.801L106.943 30.7588H105.988L105.046 36.8839H106.004L106.438 34.0496C106.525 33.4731 106.611 33.0725 106.689 32.8465C106.766 32.6198 106.894 32.4186 107.066 32.2382C107.314 31.99 107.652 31.8071 108.079 31.6998C108.51 31.5906 109.094 31.536 109.836 31.536C110.499 31.536 110.991 31.5741 111.314 31.6528C111.635 31.7328 111.862 31.8674 111.995 32.0566C112.105 32.2198 112.166 32.4229 112.173 32.6605C112.182 32.8991 112.143 33.2903 112.061 33.8376L111.594 36.8846H112.548L113.077 33.4243C113.166 32.8522 113.197 32.4147 113.17 32.1125C113.14 31.8071 113.047 31.5544 112.89 31.355Z” fill=”white”/>
<path d=”M77.1365 30.6985L73.6046 36.0363H73.4803L71.3765 30.6985H70.2546L72.7236 36.807H74.1573C74.247 36.6782 74.3387 36.5435 74.4371 36.3956L78.2565 30.6985H77.1365Z” fill=”white”/>
<path d=”M68.4338 33.696C68.3485 34.2433 68.2392 34.6655 68.1006 34.9671C67.9632 35.2667 67.7774 35.4922 67.5441 35.642C67.3301 35.7862 67.0566 35.8807 66.7246 35.9341C66.3895 35.9855 65.8794 36.0115 65.1905 36.0115C64.1308 36.0115 63.4324 35.9405 63.0867 35.7963C62.7754 35.6706 62.574 35.4515 62.4874 35.1429C62.3958 34.8369 62.3996 34.3715 62.4949 33.7538C62.5784 33.2065 62.6939 32.7791 62.845 32.4617C62.995 32.1467 63.1946 31.9144 63.4443 31.7658C63.6539 31.642 63.9255 31.5569 64.2544 31.51C64.5875 31.4617 65.065 31.4388 65.6988 31.4388C66.6945 31.4388 67.3722 31.4947 67.7304 31.6052C68.0912 31.7176 68.324 31.9398 68.4344 32.2769C68.533 32.5779 68.533 33.0509 68.4338 33.696ZM68.7851 30.9931C68.5548 30.8369 68.2154 30.7315 67.7712 30.6738C67.3282 30.616 66.6286 30.5862 65.6774 30.5862C64.6057 30.5906 63.8333 30.6693 63.3584 30.8236C62.884 30.981 62.4862 31.2852 62.1606 31.7417C61.8418 32.1836 61.6147 32.8357 61.4835 33.6966C61.3668 34.4655 61.3606 35.0643 61.4685 35.4928C61.5789 35.9214 61.8179 36.2465 62.1888 36.4643C62.4397 36.6141 62.7779 36.7188 63.2059 36.7747C63.6338 36.835 64.2775 36.8643 65.1359 36.8643C66.0464 36.8643 66.7032 36.8217 67.108 36.7405C67.5233 36.6586 67.869 36.5284 68.1439 36.3474C68.4237 36.1677 68.6609 35.915 68.8586 35.5925C69.1277 35.1671 69.3248 34.5443 69.4521 33.7265C69.5645 32.9938 69.5676 32.409 69.4653 31.9836C69.358 31.555 69.1328 31.2248 68.7851 30.9931Z” fill=”white”/>
<path d=”M51.5067 31.2972C51.3078 31.0401 51.006 30.8662 50.6038 30.7703C50.1972 30.6738 49.5635 30.6248 48.6957 30.6248C47.7 30.6248 46.9822 30.6941 46.5429 30.8325C46.1018 30.9671 45.7505 31.2331 45.4857 31.6255H45.4154L45.5578 30.7024H44.6023L43.6605 36.8262H44.6186L45.0534 33.9925C45.1412 33.4147 45.2253 33.0147 45.3044 32.7893C45.3822 32.562 45.5095 32.3607 45.6808 32.181C45.9293 31.9328 46.2681 31.75 46.696 31.6427C47.1265 31.5334 47.71 31.4776 48.4516 31.4776C49.1155 31.4776 49.6062 31.5157 49.9287 31.5957C50.2506 31.6744 50.4777 31.809 50.6107 31.9982C50.7211 32.1614 50.7827 32.3646 50.7889 32.6033C50.7977 32.8407 50.7588 33.2331 50.6766 33.7791L50.2085 36.8262H51.1628L51.6937 33.3658C51.7822 32.7938 51.8116 32.3563 51.7847 32.0541C51.7565 31.75 51.6636 31.4972 51.5067 31.2972Z” fill=”white”/>
<path d=”M60.2223 31.2972C60.0233 31.0401 59.7229 30.8662 59.3193 30.7703C58.9128 30.6738 58.279 30.6248 57.4113 30.6248C56.4155 30.6248 55.6977 30.6941 55.2585 30.8325C54.8174 30.9671 54.466 31.2331 54.2012 31.6255H54.1323L54.274 30.7024H53.3185L52.3779 36.8262H53.336L53.7696 33.9925C53.8574 33.4147 53.9415 33.0147 54.0206 32.7893C54.0984 32.562 54.2257 32.3607 54.397 32.181C54.6455 31.9328 54.9843 31.75 55.4123 31.6427C55.8427 31.5334 56.4274 31.4776 57.1678 31.4776C57.8317 31.4776 58.3224 31.5157 58.6449 31.5957C58.9668 31.6744 59.1939 31.809 59.3269 31.9982C59.4373 32.1614 59.4989 32.3646 59.5051 32.6033C59.5139 32.8407 59.4749 33.2331 59.3928 33.7791L58.9247 36.8262H59.8803L60.4099 33.3658C60.4984 32.7938 60.5291 32.3563 60.5009 32.0541C60.4732 31.75 60.3791 31.4972 60.2223 31.2972Z” fill=”white”/>
<path d=”M41.1586 36.8839H42.1142L43.4632 28.075H42.4856L41.1586 36.8839Z” fill=”white”/>
</svg>August 15, 2024 at 2:13 am #1464647no problem, thank you anyway. Figma is freemium btw, is an interesting tool but the exportation to SVG seems lack finnesse
i’d like to know how @Guenni007 make that clean code tooAugust 15, 2024 at 3:13 pm #1464694i have tryied to remake the svg in notepad++ but no success
—
well, after like 4h trying i found some way to align in the “centerish” using ” transform= ” in the <path but acts weird and probably isn’t responsive..
thats why, i need help with this:check my code at:
https://editsvgcode.com/mxpihbbqldalzvcelr3August 16, 2024 at 12:30 am #1464732August 16, 2024 at 8:21 am #1464753first: You then no longer need to change the svg code to make further settings regarding the dimensions.
#top .logo svg { padding: 5px 0; }
(although I think it’s actually good if everything remains legible even when it’s shrunk)
in your case – i picked up your svg code from your site and open it in a good vectorbased Program. ( Adobe Illustrator or for Mac from Apple: Affinity
btw. that Affinity Suite : With three programs, they offer at least as much functionality as the Adobe programs and currently cost 90 euros (one-off payment | incl. tax) for all three programs.
In your case, I can see that a lot of unnecessary groups have been created. So I first ungroup all the existing groups and removed several clipping masks. I then created some meaningful groups (the branding is a group, and the subliner is a group).
Unfortunately, these programs (Adobe Illustrator etc.) always create meta data that has no need to be placed in the actual vector code. I remove such code manually. For multi-colored or even gradient-filled areas, the different classes on the paths make sense, but if groups or even the whole svg only have one color, I manually delete this information and only add it back to the groups. This sounds very time-consuming, but with a good text editor it can easily be done in one go using search and replace.
you see that i replace even one space behind the class and replaced it with nothing – Replace All will do the job then.
PS: my personal preference with svg is to leave only the viewbox in the svg-tag and remove widths and heights.
August 16, 2024 at 9:43 am #1464762To reach the responsive behavior if you have a svg as logo – Enfold added some code to svg tag depending on logo position.
if you have logo on the left side :preserveAspectRatio="xMinYMid meet"
that means it stays on x-position on the left and preserves the middle Y-position.
if logo is centered – it will be :preserveAspectRatio="xMidYMid meet"
if logo is on the right – it will be :preserveAspectRatio="xMaxYMid meet"
by the way: if such a code is allready inside the svg tag – enfold will overwrite that for the logo insertion.
August 16, 2024 at 1:05 pm #1464771hello,
used png, bur got very blurry when the header change size in the rolled version, since that i really prefer to stick to svgAugust 16, 2024 at 1:29 pm #1464772thanks a lot for the instructions, personally noticed inkscape have really joining stuff togheter withour multiple groups, for some reason figma is making this groups ramdomly (what makes me very preocupated since i have another projects running using svg from figma).
Well, i can with this css control the svg.. i really do prefer control the svg ouside but couldn’t find the “#top .logo svg ” part of code… when i inspect in chrome it always shows a lot of random “#s” and i can’t target the exact thing im trying to set rules for. (any tips in this area would be apreciated).
i gonna make more tests no logo svg css, but this point is close for me.
—another point i have mentioned but got ecclipsed by logo svg was about that line:
any tips in css that can make change it color (i do prefer to have a setting in color with transparency to make more attuned with the visuals around it)
last stuff about that header >.<‘August 17, 2024 at 2:06 pm #1464812Hi,
To change the color of the white border below the header on scroll with transparency try this css and adjust to suit:#header_main { border-color: rgba(85, 85, 85, .8); }
Best regards,
MikeSeptember 4, 2024 at 8:26 pm #1466253sorry! coundn’t find this post anymore (lols) so crated another one, now i have found it… maybe close this one then hop on the new one? or keep header custom fun here?
>>> the other post: https://kriesi.at/support/topic/header-2/September 5, 2024 at 5:22 pm #1466324 -
AuthorPosts
- The topic ‘header bg in a transparent header’ is closed to new replies.