{"id":1012,"date":"2018-05-09T18:46:38","date_gmt":"2018-05-09T18:46:38","guid":{"rendered":"http:\/\/leaguewp.com\/?p=1012"},"modified":"2018-05-09T18:46:38","modified_gmt":"2018-05-09T18:46:38","slug":"svg-path-genesis-themes","status":"publish","type":"post","link":"https:\/\/leaguewp.com\/svg-path-genesis-themes\/","title":{"rendered":"How to Use SVG Path for Styling Elements in Genesis"},"content":{"rendered":"
SVG stands for Scalable Vector Graphics and it\u2019s used for defining vector-based graphics for the web.<\/p>\n
Recently, I came across a design by Calvin Koepke<\/a> on Dribble and instantly fell in love with it.<\/p>\n <\/p>\n Although the theme never saw the light of day, it continues to be one of my favorite designs on Dribble.<\/p>\n Before we start, I\u2019d like to show you the output of this guide.<\/p>\n <\/p>\n <\/p>\n I\u2019m not sure if the exact design can be achieved using SVG path but I came across another website which used SVG path to style its footer widget.<\/p>\n With the help of this pen<\/a> on CodePen, I was able to rehash the code I required for my experiment.<\/p>\n