jQuery Responsive Equal Height Method

Glenn Blog 0 Comments

There are so many methods too get a fluid equal height in jQuery, but in testing many (seriously loads) I’ve found that there’s usually a glitch and that’s often that the container doesn’t adjust on window resize. This is the best all round solution that I’ve come across to resolve this issue. In my example I’m applying it to the …

jQuery Open Link with Class in New Window

Glenn Blog 0 Comments

Sometimes out of the box code doesn’t open links in new windows / in window “_blank” and in these instances this small jQuery snippet will come to the rescue:- So simply add the class “external-url” to your link and it will open in a new window. Working: Slick Media WordPress Developers I find this useful for WordPress elements that you …

jQuery Clickable Div Based on Internal Link

Glenn Uncategorized 0 Comments

If you want a div to be clickable based on a standard HTML internal link, within that div, then use this jQuery snippet (requires jQuery Library):- The code will rattle through the parent div looking for links and will then add the link it to that div. Useful for components that require clickable divs with custom defined structured content (portfolio …

Change Placeholder Text jQuery and CSS styling

Glenn Glenn's Blog 0 Comments

A quick snippet to change the placeholder text of an input field:- You can also achieve placeholder custom style with CSS on supported browsers [css] /* Input Placeholder */ input::-webkit-input-placeholder { text-transform: none; color: red: } input::-moz-placeholder { text-transform: none; color: red: } input:-moz-placeholder { /* Older versions of Firefox */ text-transform: none; color: red: } input:-ms-input-placeholder { text-transform: none; color: …

Responsive jQuery Layout

Glenn Glenn's Blog 0 Comments

When we created our client site VP Speech Language we wanted to make the home page differ to the other pages in layout, but to reunify it in mobile view – in this case the menu needed to shift from the middle of the home page back to the top in mobile view. There are ways of doing this in CSS but adding …