Like the name say, is our whole content.įirst thing we need to do, is set up our content’s width, max-width (for desktop) the display grid and the grid-template-columns to make the grid works. Wrapping all of that, we have our content selector. So in the base code, we have a post selector (for the boxes), the post wrapper selector and same with the sidebar, a box selector and a wrapper selector. Full width grid based layout Hidden sidebar with widgets and navigation. ☆ Here is a base code with all tumblr posts blocks and variables, and a simple sidebar structure. ☆ Maze is a fullwidth grid based theme perfect for photo bloggers and photography. Colors Tumblr Theme: Link - Customization Post Link Background Color, e4f8fc Post Link Meta Text Color, a2c2c9 Post Link Title Color, 121212. This theme supports: Up to five custom links, infinite scroll, post borders, background image. Space Race is a unique Tumblr theme that comes with a creative design that. Some basic html & css knowledge is requered, to continuing style the theme after, since I’ll only show how to make the layout responsive and I’ll not dive too much through complex stuff. Skyfall ‘Grid layout or single column: Skyfall features three layout modes. It is a three-column 250px grid theme with a 225px sidebar. If a theme full of grid fascinates and interests you then this theme is just. But today I just learned another simple way of achieve the same result, using css grid and not using a lot of coding we normally we would use following the previous tutorial. I have this basic tutorial on how to make a simple responsive theme.
0 Comments
Leave a Reply. |