Markers of a stroke have one problem in Inkscape,
they are always black. Here a small example of a unfilled shape with red Stroke paint, a
Start Markers and a
Arrow2Lend as End Markers.
I would like to show three ways to turn the markers red.
I would like to explain the
inlinecss directives and the variable
template_styles of Magento 2 email templates in this post.
There are two logical directives that can be used in Magento 2 email templates. The
depend and the
if directives. I will explain both in this post.
The title is maybe a little bit confusing, better would be maybe child template directives. This post
explains how to include a child template in a Magento email template. Pretty popular examples are
It can be quite comfortable to use configuration values in Magento 2 email templates. Let us assume we change our store phone number in the configurations and it changes also in templates where we use sentences like: You can call us any time at .... I will show pretty fast in this post how to use the restricted list of configs in email templates and will explain ways to add your own configuration paths.
Magento 2 email templates are supposed to be translated sentence by sentence. This post shows how to use the translator directive.
This post tries to explain every possible way to use blocks in Magento 2 email templates.
Unfortunately it is not possible to create a real blur overlay with CSS for all browsers at the moment. Only webkit
has the backdrop-filter. But all other browsers mostly
support a blur filter. This will not really work like a overlay, more like a filter that will be propagated
bottom-up. In other words, the filter works only for a hole element or not. It's impossible to have something like a
div overlay element that blurs only a part of an image like the
You will start thinking about image sprites, if you see that your website has too many requests just because of some
background images. An image sprite can combine many single requests from a browser to the server into one request.
We just have to combine our background images into one single image and use the CSS property
background-position. It's just getting complicated if you have a transition on the background.