The Background Blog
The Background Blog covers topics at the cross section of web design, entrepreneurship, and all things SVG.
New export option: PNG
Product Update: You now can export backgrounds as a PNG, which is great for software that doesn't fully or partially support SVG files or code.
READMatt Visiwig | May 16, 2022
How to Add SVG Backgrounds in GIMP
In this quick tutorial, we’ll show how to get and apply SVG Backgrounds in GIMP. As well as cover when and why you would want to use SVGs instead of JPGs.
READAnthony McGuigan | Apr 14, 2022
CSS can’t animate gradients, but SVG can
Want to animate gradients for your website, but sad that CSS can’t help? Well it’s time to learn about SVG gradients and how to animate them.
READMatt Visiwig | Mar 30, 2022
The ultimate guide to creating SVG patterns for websites
Learn how to design SVG patterns by identifying patterns, making pattern tiles, designing and coding patterns, and applying patterns with CSS.
READMatt Visiwig | Mar 10, 2022
How to add SVG Backgrounds in Canva
In this video and written tutorial, we'll demonstrate how to get and apply SVG Backgrounds in the Canva editor.
READMatt Visiwig | Feb 16, 2022
How to add SVG Backgrounds in Webflow
This is a tutorial on how to get SVG backgrounds working in Webflow. There are two methods SVG uploads and CSS (if you have a paid version of Webflow)
READMatt Visiwig | Jan 21, 2022
How to add SVG backgrounds into the Gutenberg editor
Learn how to add backgrounds to Gutenberg blocks using the magic of CSS classes. You don't need to know how to code for this beginner's tutorial.
READMatt Visiwig | Jan 5, 2022
How to add SVG backgrounds to WordPress
I'll show you the easiest way to add an SVG background to your WordPress website, whether you use a pagebuilder, built your own custom themes, or use Gutenberg.
READMatt Visiwig | Dec 22, 2021
How to add SVG backgrounds to WordPress pagebuilders
I will break down how to add an SVG background to your designs on the most popular pagebuilders on WordPress, which all use a similar approach.
READMatt Visiwig | Dec 8, 2021
How to add SVG backgrounds to Elementor
I'll show you by video and written tutorial how to get SVG Backgrounds on any Elementor section, column, or widget, whether or not you're comfortable with CSS.
READMatt Visiwig | Nov 18, 2021
How to add SVG backgrounds to Adobe Illustrator
How do you import SVG into Adobe Illustrator? While you can open an SVG file in Illustrator, it is easier and faster to copy and paste the SVG code.
READMatt Visiwig | Oct 27, 2021
How to add SVG backgrounds to HTML
We are going to learn how to add an SVG background into HTML as an inline SVG. This method allows us to manipulate the SVG via CSS or JS.
READMatt Visiwig | Oct 20, 2021
14 pieces of bad advice aspiring entrepreneurs should ignore
The worst advice given to aspiring entrepreneurs slows down progress, wastes time, and leads them astray. Here are 14 misguided pieces of advice to avoid.
READMatt Visiwig | Oct 13, 2021
Free SVG Generators
Discover our favorite free SVG generators on the web to handle the time-consuming task of creating patterns, textures, blobs, illustrations, and more.
READMatt Visiwig | Oct 6, 2021
3 ways SVG can help websites look less blocky
Web design is built on the CSS box model, which causes default content to be constrained by rectangular design. SVGs can help you think outside of the box .
READMatt Visiwig | Sep 29, 2021
How to add an SVG to WordPress without a plugin
The WP media library doesn’t allow SVG file uploads by default, due to security concerns. Let’s take a look at the various methods to display SVG on WordPress.
READMatt Visiwig | Sep 22, 2021
