Search Results for: px
Variant Multi, two alternate versions
The Variant Multi template got very positive feedback, but I got one e-mail about the fact that the narrow 600px layout wasn’t working very well on iOS devices – it appeared very narrow since the Safari Mobile viewport was not adjusted in the HTML. In order to provide a better option, I customized the template…
How to edit the Variant Multi layout options (part 2)
Continuing from part one of the short guide to editing the Variant Multi template layout, the next part to look at is the footer area. As seen in the examples included in the template (download variant-multi.zip to get the code), the footer can have 2-4 columns using two different widths. The footer: Halves and Quarters…
How to edit the Variant Multi layout options (part 1)
The latest free website template release, Variant Multi, offers a lot of layout options. But how do the different layouts work? Here is the first part of a short walkthrough of the ideas behind the Variant Multi design… One CSS file, many small tricks As you may have seen from the screenshots or the live…
Changing body fonts
Changing fonts in the templates can give the design a very different look. For a long time, the selection of fonts to use on websites has been limited to a few standardized “web-safe” fonts. But this is no longer the case, there are ways to include own fonts like @font-family – a topic for a…
How to modify the look of Variant Fashion
The Variant Fashion template is a multi-layout template with several different visual styles, as seen on the screenshots on the template page. All layout options are built into the stylesheet (variant-fashion.css), and it is possible to switch between the different styles by editing only a few lines of the HTML code. When the template was…