I’ve struggled to animate form labels and placeholders. Previous solutions didn’t work, because I wasn’t able to change the label’s position inside HTML. Previous solutions I’ve seen are all required labels or another element to be put below the input field. But I was adding CSS to HubSpot forms, where we can’t change their HTML. Continue reading
I have a block-based theme using Gutenberg editor. After updating to WordPress 5.6 the editor window with a collection of full width blocks was pushing the sidebar out of editor page margins. Continue reading
WordPress 5.5 now has lazy loading for images enabled by default. Tried many things to disable it for specific images, but only this worked. I’ve seen many places recommending to use array(‘loading’ => false) but it didn’t work. Continue reading
Smooth animation for CSS gradient clipped to text. As we all know, we can’t animate backgrounds with transition. So I’m moving gradients to make a perfect animation with Continue reading
hover, without creating separate animation frames.
If you have several languages enabled and you want to use manual translation of independently designed pages (WPML‘s Classic Translation Editor), you need to enable Continue reading
_wpb_shortcodes_custom_css TRANSLATE in Settings > Custom Fields Translation!
prettyPhoto is one of most loved lightboxes and it is integrated into Visual Composer single image widgets and galleries. For RTL website I had to make it compatible, because all its hidden texts became visible for Right-to-Left version. Another problem was that when lightbox was active, there was a long horizontal scrollbar at the bottom, that allowed to scroll left to about 6000px width. This was fixed too. Continue reading
I had a big trouble to enable Right-to Left support for masonry scripts that come from Visual Composer Page Builder plugin for WordPress. If you have a multilingual website that switches from LTR to RTL it becomes a really big problem.
Just noticed that Google Chrome browser (version 67-68) is not displaying simple web-safe Verdana font for Hebrew texts on multilingual website. What could be wrong with Verdana?
WPML multilingual plugin for WordPress can already add
hreflang tags for your languages used. I like to add
x-default language tags too to designate default version to search engines. Here’s how it could be added to your child theme, when default language is English.
Woocommerce version 3 introduced many changes. You can easily see changes on single product page image galleries. But there are many more changes under the hood.