wp 5.6 breaks themes
December 12, 2020 / 20 views / WordPress

WP-5.6 Breaks My Themes

After updated WP-5.6, my search, home and others became black screen with a close x, but it can’t be closed. I needed to download WP-downgrade to reinstall WP-5.5.3 and everything is back to normal. This breaks both desktop and mobile screens.

FancyBox3
October 4, 2019 / 53 views / WordPress

FancyBox3 For WordPress

I like the FancyBox3 swipe features for displaying multiple images. Although it doesn’t take the title as data-caption and the position of the caption can’t be used relative to the bottom of the display image. The is quite simple to use. Since this one only needs jquery 1.9.1 minimum, I could use with imagePreview.

Final Icons Display
September 17, 2019 / 72 views / CSS | Themes | website speed

How To Create Sprites and Use Icons with CSS

Create a sprite with Instant Sprite: download the png sprite image and usage. 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 To Top”></a></div><div id=”home_icon”><a […]