CSS: Shrink-to-fit a DIV to equal the width of its content
Sometime you might not want a DIV to take the full width but exactly wrap its containing elements. Here is how.
Sometime you might not want a DIV to take the full width but exactly wrap its containing elements. Here is how.
DIVI comes with an Equal Column Height Option in the Row Settings. Unfortunately, up to 2.6.4 this doesn’t do what I’d expect it to do, but the Elegant Themes support team offered a JQuery workaround and meanwhile even a super elegant pure CSS solution.
On multilingual WordPress websites we sometimes need to change the CSS backround-image according to the current language. Here are some solutions how to.
If you use a transparent png logo and find Chrome rendering it with ugly pixelated edges, turn on aliasing with a simple line of CSS.
If you work with DIVI and want to keep your footer at the bottom also on short pages, but you don’t want a fixed footer that is always visible.
When using the Vertical Navigation of the DIVI Theme we might face some issues with the applicability of our Logo. The DIVI Theme doesn’t allow to set a different logo for the vertical navigation and the mobile menu, but with a child-theme and some CSS we can still accomplish it.
The Simple Share Buttons Light plugin loads in under 0.005 seconds consistently due to base64 icons, and with a tiny bit of centering, opacity and padding CSS it gets the final touch of sobriety.
Today another part of my dream calendar came true: Showing categories or tags in tabs/tabbed view. All we need is the All-in-One Event Calendar shortcodes and a tab plugin or module.
I was on my quest to make my long event calendar dream come true in WordPress. The agenda and stream view of All-in-One Event Calendar already got very close, so my quest had begun, and my notes became this little All-in-One Event Calendar theme customization tutorial you are about to enjoy.
Up to the actual version 2.5.6 there is a bug in the responsiveness of the sidebar when using the vertical navigation. It can be fixed with CSS and even improve the overall responsive behaviour of the content area.