Category Archives: CSS

Easy Fancybox: Solution for Iframe no-scroll issue in mobile

Source: https://alucard-blog.blogspot.sg/2016/06/how-to-fix-fancy-boxeasy-fancybox.html How to fix fancy box scroll not working in mobile. Using wordpress plugin https://wordpress.org/plugins/easy-fancybox/ In Easy Fancybox, you will see these 2 lines in the jquery.fancybox-1.3.7.js: (do a folder search for id=”fancybox-content” to get better idea of how … Continue reading

Posted in CMS, CSS, troubleshoot | Tagged , , , | Comments Off on Easy Fancybox: Solution for Iframe no-scroll issue in mobile

CSS: Media queries for mobile, tablet display devices

In practice, many designers convert pixels to ems, largely b/c ems better afford zooming. At standard zoom 1em === 16px. Multiply pixels by 1em/16px to get ems. For example, 320px === 20em. Suggested breakpoints Source: http://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile @media (min-width:320px) { /* … Continue reading

Posted in CSS, SEO, web design | Tagged , , | Comments Off on CSS: Media queries for mobile, tablet display devices

HTML/CSS: Styling form buttons

source: http://jsfiddle.net/2RYyD/ Great example there but if you’re styling the button which is a form submit button, remember to change the button type to “submit” instead or the variables won’t get posted. <div class=”button”> <input type=”button” value=”TELL ME MORE” onClick=”document.location.reload(true)”> … Continue reading

Posted in CSS | Tagged , | Comments Off on HTML/CSS: Styling form buttons