Dark mode tutorial: Toggle Tumblr control: Header image: Diana Polekhina Unsplash.Icon: Fonts: Lato and Noto Sans Google Fonts.I tried my best to make this theme NPF friendly, but until the staff decides on a documentation or settle on a one-fits-all styling for both NPF and non-NPF post that works not only on Optica, things will inevitably break or look weird.Notes to customize the update and navigation boxes are in the code.For example, if your post size is 540px then the width of your header should be 540 + 300 = 840px. The width of your header image should be your post size + 300px and the height is 300px.Colors can be customized on the Customize page. Built-in light and dark mode with customizable colors for both modes.

6 custom links, but you can have more provided you know how to do it.

A slide down menu that includes an icon, a description, an update box and a navigation box.The live preview uses 540px post size and a font size of 13px. Post size can be entered on the post size field and the font size can be entered on the font size field. Live Preview (Temporary) / Static Preview: / Get the code: Ī simple theme blog with a header image aimed for all kinds of blog type. If you run into any bugs when using this theme then please do not hesitate to contact me here and I will help the best way I can. Remaining credits are found in the code.The original image size has to be equal width and height and has to be at least 210px equal width and height or larger All the other images will automatically crop down to 100px width 100px height. As for the image gallery section, only the 5th and 6th image will be sized at 210px width and 210px height.Sidebar image is 350px width and 390px height.Remember that by using my themes you have agreed to the terms of use.Customization instructions are in the code but having a basic understanding of HTML is highly recommended.The page also contains up to 3 custom links and a sidebar section where you can include a sidebar image and some quick info about yourself. preview | code | alt codeĪn about page that includes three sections to write about yourself, your skills, and an image gallery organized using css grid.

Pop gallery tumblr theme code