-
Hi
I am trying to recreate the shape (pattern) at the bottom of the first full-width image on the first website below.
I recreated the shape as an SVG file (link below).
I then added it as a Shape in GBP > Assets, within the group Shaun’s Patterns
Finally, I added the Shape at the bottom of the outer container, 100% wide and 50 px high
But I cannot get it to show (see the second staging website below). I could do it using Photoshop, but I’d like to learn what I am doing wrong, so I can do it using GBP in the future (as well as with this project).
Cheers
Shaun -
Hi Shaun,
Can you re-add the SVG to the Asset Library?:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 2543 46.5" style="enable-background:new 0 0 2543 46.5;" xml:space="preserve"> <ellipse cx="1404.7" cy="4" rx="8.5" ry="4"/> <ellipse cx="2044.4" cy="4" rx="8.5" ry="4"/> <ellipse cx="1998.7" cy="4" rx="8.5" ry="4"/> <ellipse cx="1953" cy="4" rx="8.5" ry="4"/> <ellipse cx="1907.3" cy="4" rx="8.5" ry="4"/> <ellipse cx="1861.6" cy="4" rx="8.5" ry="4"/> <ellipse cx="1815.9" cy="4" rx="8.5" ry="4"/> <ellipse cx="1770.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="1724.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="1678.9" cy="4" rx="8.5" ry="4"/> <ellipse cx="1633.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="1587.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="1541.8" cy="4" rx="8.5" ry="4"/> <ellipse cx="1496.1" cy="4" rx="8.5" ry="4"/> <ellipse cx="1450.4" cy="4" rx="8.5" ry="4"/> <ellipse cx="719.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="1359" cy="4" rx="8.5" ry="4"/> <ellipse cx="1313.3" cy="4" rx="8.5" ry="4"/> <ellipse cx="1267.6" cy="4" rx="8.5" ry="4"/> <ellipse cx="1221.9" cy="4" rx="8.5" ry="4"/> <ellipse cx="1176.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="1130.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="1084.8" cy="4" rx="8.5" ry="4"/> <ellipse cx="1039.1" cy="4" rx="8.5" ry="4"/> <ellipse cx="993.4" cy="4" rx="8.5" ry="4"/> <ellipse cx="947.7" cy="4" rx="8.5" ry="4"/> <ellipse cx="902" cy="4" rx="8.5" ry="4"/> <ellipse cx="856.3" cy="4" rx="8.5" ry="4"/> <ellipse cx="810.6" cy="4" rx="8.5" ry="4"/> <ellipse cx="764.9" cy="4" rx="8.5" ry="4"/> <ellipse cx="2090.1" cy="4" rx="8.5" ry="4"/> <path d="M2543,0.5v7.1c-2.6-0.7-4.4-2-4.4-3.5C2538.6,2.5,2540.4,1.2,2543,0.5z"/> <ellipse cx="2501.4" cy="4" rx="8.5" ry="4"/> <ellipse cx="2455.7" cy="4" rx="8.5" ry="4"/> <ellipse cx="2410" cy="4" rx="8.5" ry="4"/> <ellipse cx="2364.3" cy="4" rx="8.5" ry="4"/> <ellipse cx="2318.6" cy="4" rx="8.5" ry="4"/> <ellipse cx="2272.9" cy="4" rx="8.5" ry="4"/> <ellipse cx="2227.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="2181.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="2135.8" cy="4" rx="8.5" ry="4"/> <ellipse cx="33.8" cy="4" rx="8.5" ry="4"/> <ellipse cx="673.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="627.8" cy="4" rx="8.5" ry="4"/> <ellipse cx="582.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="536.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="490.8" cy="4" rx="8.5" ry="4"/> <ellipse cx="445.1" cy="4" rx="8.5" ry="4"/> <ellipse cx="399.4" cy="4" rx="8.5" ry="4"/> <ellipse cx="353.7" cy="4" rx="8.5" ry="4"/> <ellipse cx="308" cy="4" rx="8.5" ry="4"/> <ellipse cx="262.3" cy="4" rx="8.5" ry="4"/> <ellipse cx="216.6" cy="4" rx="8.5" ry="4"/> <ellipse cx="170.9" cy="4" rx="8.5" ry="4"/> <ellipse cx="125.2" cy="4" rx="8.5" ry="4"/> <ellipse cx="79.5" cy="4" rx="8.5" ry="4"/> <ellipse cx="10.6" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="56.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="102" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="147.6" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="193.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="239" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="284.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="330.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="376" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="421.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="467.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="513" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="558.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="604.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="650.1" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="695.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="741.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="787.1" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="832.8" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="878.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="924.1" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="969.8" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1015.5" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1061.1" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1106.8" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1152.5" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1198.2" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1243.8" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1289.5" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1335.2" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1380.9" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1426.6" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1472.2" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1517.9" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1563.6" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1609.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1654.9" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1700.6" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1746.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1792" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1837.6" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1883.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1929" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="1974.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2020.3" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2066" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2111.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2157.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2203" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2248.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2294.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2340.1" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2385.7" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2431.4" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2477.1" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="2522.8" cy="14.9" rx="10.6" ry="5.1"/> <ellipse cx="34.4" cy="27" rx="15.4" ry="7"/> <ellipse cx="399.6" cy="27" rx="15.4" ry="7"/> <ellipse cx="354" cy="27" rx="15.4" ry="7"/> <ellipse cx="308.3" cy="27" rx="15.4" ry="7"/> <ellipse cx="262.7" cy="27" rx="15.4" ry="7"/> <ellipse cx="217" cy="27" rx="15.4" ry="7"/> <ellipse cx="171.3" cy="27" rx="15.4" ry="7"/> <ellipse cx="125.7" cy="27" rx="15.4" ry="7"/> <ellipse cx="80" cy="27" rx="15.4" ry="7"/> <path d="M4.2,27c0,1.9-1.6,3.5-4.1,4.8v-9.6C2.6,23.5,4.2,25.2,4.2,27z"/> <ellipse cx="490.9" cy="27" rx="15.4" ry="7"/> <ellipse cx="856.1" cy="27" rx="15.4" ry="7"/> <ellipse cx="810.5" cy="27" rx="15.4" ry="7"/> <ellipse cx="764.8" cy="27" rx="15.4" ry="7"/> <ellipse cx="719.2" cy="27" rx="15.4" ry="7"/> <ellipse cx="673.5" cy="27" rx="15.4" ry="7"/> <ellipse cx="627.9" cy="27" rx="15.4" ry="7"/> <ellipse cx="582.2" cy="27" rx="15.4" ry="7"/> <ellipse cx="536.6" cy="27" rx="15.4" ry="7"/> <ellipse cx="445.3" cy="27" rx="15.4" ry="7"/> <ellipse cx="947.5" cy="27" rx="15.4" ry="7"/> <ellipse cx="1312.7" cy="27" rx="15.4" ry="7"/> <ellipse cx="1267" cy="27" rx="15.4" ry="7"/> <ellipse cx="1221.4" cy="27" rx="15.4" ry="7"/> <ellipse cx="1175.7" cy="27" rx="15.4" ry="7"/> <ellipse cx="1130.1" cy="27" rx="15.4" ry="7"/> <ellipse cx="1084.4" cy="27" rx="15.4" ry="7"/> <ellipse cx="1038.8" cy="27" rx="15.4" ry="7"/> <ellipse cx="993.1" cy="27" rx="15.4" ry="7"/> <ellipse cx="901.8" cy="27" rx="15.4" ry="7"/> <ellipse cx="1404" cy="27" rx="15.4" ry="7"/> <ellipse cx="1769.2" cy="27" rx="15.4" ry="7"/> <ellipse cx="1723.6" cy="27" rx="15.4" ry="7"/> <ellipse cx="1677.9" cy="27" rx="15.4" ry="7"/> <ellipse cx="1632.3" cy="27" rx="15.4" ry="7"/> <ellipse cx="1586.6" cy="27" rx="15.4" ry="7"/> <ellipse cx="1540.9" cy="27" rx="15.4" ry="7"/> <ellipse cx="1495.3" cy="27" rx="15.4" ry="7"/> <ellipse cx="1449.6" cy="27" rx="15.4" ry="7"/> <ellipse cx="1358.3" cy="27" rx="15.4" ry="7"/> <ellipse cx="1860.5" cy="27" rx="15.4" ry="7"/> <ellipse cx="2225.8" cy="27" rx="15.4" ry="7"/> <ellipse cx="2180.1" cy="27" rx="15.4" ry="7"/> <ellipse cx="2134.4" cy="27" rx="15.4" ry="7"/> <ellipse cx="2088.8" cy="27" rx="15.4" ry="7"/> <ellipse cx="2043.1" cy="27" rx="15.4" ry="7"/> <ellipse cx="1997.5" cy="27" rx="15.4" ry="7"/> <ellipse cx="1951.8" cy="27" rx="15.4" ry="7"/> <ellipse cx="1906.2" cy="27" rx="15.4" ry="7"/> <ellipse cx="1814.9" cy="27" rx="15.4" ry="7"/> <ellipse cx="2317.1" cy="27" rx="15.4" ry="7"/> <path d="M2543,20.1V34c-7.4-0.5-13.1-3.4-13.1-7C2529.9,23.5,2535.6,20.6,2543,20.1z"/> <ellipse cx="2499.7" cy="27" rx="15.4" ry="7"/> <ellipse cx="2454" cy="27" rx="15.4" ry="7"/> <ellipse cx="2408.4" cy="27" rx="15.4" ry="7"/> <ellipse cx="2362.7" cy="27" rx="15.4" ry="7"/> <ellipse cx="2271.4" cy="27" rx="15.4" ry="7"/> <path d="M80.2,46.4H34.7c0-5.7,10.2-10.4,22.8-10.4C70,36,80.2,40.7,80.2,46.4z"/> <path d="M34.4,46.4H0v-8.9C3.4,36.6,7.4,36,11.7,36C24.2,36,34.4,40.7,34.4,46.4z"/> <path d="M125.9,46.4H80.4c0-5.7,10.2-10.4,22.8-10.4S125.9,40.7,125.9,46.4z"/> <path d="M171.6,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C161.4,36,171.6,40.7,171.6,46.4z"/> <path d="M263.1,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S263.1,40.7,263.1,46.4z"/> <path d="M217.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C207.2,36,217.4,40.7,217.4,46.4z"/> <path d="M308.8,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S308.8,40.7,308.8,46.4z"/> <path d="M354.6,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C344.4,36,354.6,40.7,354.6,46.4z"/> <path d="M400.3,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C390.1,36,400.3,40.7,400.3,46.4z"/> <path d="M446,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S446,40.7,446,46.4z"/> <path d="M491.8,46.4h-45.6c0-5.7,10.2-10.4,22.8-10.4C481.6,36,491.8,40.7,491.8,46.4z"/> <path d="M583.2,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S583.2,40.7,583.2,46.4z"/> <path d="M537.5,46.4H492c0-5.7,10.2-10.4,22.8-10.4C527.3,36,537.5,40.7,537.5,46.4z"/> <path d="M629,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C618.8,36,629,40.7,629,46.4z"/> <path d="M674.7,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C664.5,36,674.7,40.7,674.7,46.4z"/> <path d="M720.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S720.4,40.7,720.4,46.4z"/> <path d="M766.2,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C756.1,36,766.2,40.7,766.2,46.4z"/> <path d="M811.9,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C801.7,36,811.9,40.7,811.9,46.4z"/> <path d="M903.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S903.4,40.7,903.4,46.4z"/> <path d="M857.6,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C847.4,36,857.6,40.7,857.6,46.4z"/> <path d="M949.1,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C938.9,36,949.1,40.7,949.1,46.4z"/> <path d="M994.8,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C984.7,36,994.8,40.7,994.8,46.4z"/> <path d="M1040.6,46.4H995c0-5.7,10.2-10.4,22.8-10.4C1030.4,36,1040.6,40.7,1040.6,46.4z"/> <path d="M1086.3,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1076.1,36,1086.3,40.7,1086.3,46.4z"/> <path d="M1132,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1121.9,36,1132,40.7,1132,46.4z"/> <path d="M1223.5,46.4H1178c0-5.7,10.2-10.4,22.8-10.4C1213.3,36,1223.5,40.7,1223.5,46.4z"/> <path d="M1177.8,46.4h-45.6c0-5.7,10.2-10.4,22.8-10.4S1177.8,40.7,1177.8,46.4z"/> <path d="M1269.2,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1259,36,1269.2,40.7,1269.2,46.4z"/> <path d="M1315,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1304.9,36,1315,40.7,1315,46.4z"/> <path d="M1360.7,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1350.5,36,1360.7,40.7,1360.7,46.4z"/> <path d="M1406.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1396.2,36,1406.4,40.7,1406.4,46.4z"/> <path d="M1452.2,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S1452.2,40.7,1452.2,46.4z"/> <path d="M1543.6,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1533.4,36,1543.6,40.7,1543.6,46.4z"/> <path d="M1497.9,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1487.7,36,1497.9,40.7,1497.9,46.4z"/> <path d="M1589.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1579.2,36,1589.4,40.7,1589.4,46.4z"/> <path d="M1635.1,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S1635.1,40.7,1635.1,46.4z"/> <path d="M1680.8,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1670.6,36,1680.8,40.7,1680.8,46.4z"/> <path d="M1726.5,46.4H1681c0-5.7,10.2-10.4,22.8-10.4C1716.4,36,1726.5,40.7,1726.5,46.4z"/> <path d="M1772.3,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S1772.3,40.7,1772.3,46.4z"/> <path d="M1863.7,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S1863.7,40.7,1863.7,46.4z"/> <path d="M1818,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1807.8,36,1818,40.7,1818,46.4z"/> <path d="M1909.5,46.4H1864c0-5.7,10.2-10.4,22.8-10.4C1899.3,36,1909.5,40.7,1909.5,46.4z"/> <path d="M1955.2,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1945,36,1955.2,40.7,1955.2,46.4z"/> <path d="M2001,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C1990.8,36,2001,40.7,2001,46.4z"/> <path d="M2046.7,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S2046.7,40.7,2046.7,46.4z"/> <path d="M2092.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2082.2,36,2092.4,40.7,2092.4,46.4z"/> <path d="M2183.9,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2173.7,36,2183.9,40.7,2183.9,46.4z"/> <path d="M2138.1,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2128,36,2138.1,40.7,2138.1,46.4z"/> <path d="M2229.6,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2219.4,36,2229.6,40.7,2229.6,46.4z"/> <path d="M2275.4,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2265.2,36,2275.4,40.7,2275.4,46.4z"/> <path d="M2321.1,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S2321.1,40.7,2321.1,46.4z"/> <path d="M2366.8,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4S2366.8,40.7,2366.8,46.4z"/> <path d="M2412.5,46.4H2367c0-5.7,10.2-10.4,22.8-10.4C2402.4,36,2412.5,40.7,2412.5,46.4z"/> <path d="M2504,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2493.8,36,2504,40.7,2504,46.4z"/> <path d="M2458.3,46.4h-45.5c0-5.7,10.2-10.4,22.8-10.4C2448.1,36,2458.3,40.7,2458.3,46.4z"/> <path d="M2543,39.1v7.4h-38.8c0-5.7,10.2-10.4,22.8-10.4C2533.3,36,2538.9,37.2,2543,39.1z"/> </svg>The SVG added to the draft site isn’t showing anything. But if I replace it with the SVG code you sent(the one above), it works.
-
Thanks
That worked, but I am unsure why. Can you tell me what I did wrong? -
You’re welcome!
Perhaps it got corrupted while saving or the file wasn’t fully saved – which could be a database/server issue.
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.