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 readingI 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 readingWordPress 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 readingSmooth 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 transition on 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 _wpb_shortcodes_custom_css TRANSLATE in Settings > Custom Fields Translation!
Breadcrumbs provide user navigation functionality and SEO benefits, that cannot be missed. Yoast SEO plugin can help to implement breadcrumbs into your templates with a simple snippet and elaborate back-end settings and options.
Continue readingprettyPhoto 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.
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.
Continue reading
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?
Continue reading
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.
Continue reading
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.
Continue reading
This blog dedicated to resolving CSS / HTML layout problems. There is a need to write down some of my solutions for future use. Hope this blog would help someone.
