Themes

How I choose and modify my themes

The Best Light Weight Responsive Themes For WordPress

w3css theme score

For a blogger like me, just me writing and managing, I always keep searching for the best, light weight, responsive free themes and modify to my liking. Here are some of the ones I’ve tried and like. All of them must be tested through and for the fastest time to use. All themes without Ads

Serenti Theme for Word Press

serenti gtmetrix structure test

is a very fast theme and mobile friendly. It’s free. I modified some parts and made it for all my blogs. Normally I have to test with all the speed, , and to make sure it’s the best one out there. I also like the and .

How To Customize Colorlib Sparkling Theme

gtmetrix sparkling speed

    has 2 light weight, mobile friendly and fast themes that I like, and . Today I’m going to customize the Sparkling theme for my blogs. The goal is to get the theme to display social icons and links at entry-meta, display thumbnails on the recent posts and work with all my shortcodes.  

WP Blaskan Theme by Colorlib

audi blog speed

I’ve always tried to make the website of dognmonkey.com faster, I’ve been changing themes to update with the latest technologies. I’d found Blaskan theme by Colorlib and sparkling are extremely light and fast for my dognmonkey.com. I used GTMetrix and Pagespeed to test and they both came out very good, although the scripts from Amazon and

How To Create Sprites and Use Icons with CSS

Final Icons Display

[lightgallery] Create a sprite with Instant Sprite: download the png sprite image and usage. [lgallery] [/lgallery] CSS codes: #return_top a,#youtube a, #bird a{position:fixed;bottom:1px;display:block;width:2.5rem;z-index:100001} #fixed_icons{background:linear-gradient(270deg,#ddd,#777 80%) no-repeat;padding:0 2%;position:fixed;width:100%;height:2.5rem;bottom:0;margin:0 auto;z-index:10001} #home_icon a{position:fixed;right:44px;bottom:1px;display:block;height:43px;width:44px;background:url(images/mysprite.png) -100px 0; no-repeat;z-index:100001} #return_top a{right:0;height:40px;background:url(images/mysprite.png) 0 0; no-repeat}#youtube a{right:90px;height:40px;background:url(images/mysprite.png) -50px 0; no-repeat} #bird a{right:135px;height:40px;background:url(images/mysprite.png) -156px 0; no-repeat} footer codes: <div id=”fixed_icons”> <div id=”return_top”><a href=”#masthead” title=”Go