WordPress: Removing classes, styles and all unwanted tag attributes during paste process
Clean HTML Tags whenever pasting content into the WordPress editor. Remove disturbing classes, styles and any tag attributes that might even harm your site.
DIVI: Find out the Shortcodes of DIVI Modules without switching the Theme
Find out – now without switching your theme – the shortcodes of the DIVI modules to embed them outside of the DIVI builder or into another DIVI module.
CSS: Self-clearing an element from float
Whenever an element is suddenly floating with its predecessors even if it shouldn’t, this is the most comfortable way to clear the float directly on the element itself, with one CSS rule.
DIVI: Decrease loading time by using smaller background images in the Post Slider Module
The DIVI Post Slider Module is a wonderful way to showcase our posts and articles, but its use of original size images can be very harmful to our page load time.
WordPress: The Quest to my perfect List View for Posts, Events and Articles
I simply like it simple, beautiful, well-thought and flawless responsive, join me on my quest for the perfect list view for posts, events or articles.
DIVI: Blog- and Archive Pages in Multi-Column
In DIVI, the blog- and archive-pages can be transformed into a multi-column view with only a few lines of CSS. See how…
DIVI: Using different sidebars on pages or posts created by different authors
It is easy to create additional sidebars in DIVI, and the assignment of different sidebars to pages of different authors can be easily done with a bit of code.
DIVI: Bottom-aligning the last element in a multi-column row
In a multi-column layout, when we have content of different length with buttons at the end, they usually hang on different heights. Let’s bottom-align them.
DIVI: Responsive Slider Images that never get cut, clipped or cropped but keep their proportions
Responsive slider images are an art in itself, and usually they get cut, clipped or cropped on top, bottom, left, right or all around. Sometimes we don’t want this. Here’s the famous padding-bottom trick for DIVI Sliders.
CSS: Multi-column in weblayouts
Columns: Multi-column in weblayouts with CSS3
DIVI: Fullwidth Slider Image with integrated text – perfectly controlling the responsive behaviour on all devices
If we want to use an image with integrated text, for example with quotes that we want to style pixelperfect, responsiveness and full-width become challenging.
DIVI: Media Query Breakpoints
Often we need to adapt our CSS customizations to the different device sizes, and it is very helpful to have the media query breakpoints of the DIVI theme at hand. Artiom from Elegant Themes was revealing this handy list.
DIVI: Changing the Breakpoint of the Mobile Menu
In best case the regular menu stays visible as long as possible, before collapsing to the mobile menu. Since every menu has a different width, we can optimize the responsiveness by moving its breakpoint.
WordPress: Removing Empty Paragraph Tags from Shortcodes
A little snippet to eliminate layout problems caused by empty paragraph tags the WordPress editor is adding to shortcodes when switching from text- to visual editor or on updating the page.
DIVI: Accordion Module starting with all Toogles closed
By default the first toggle of an accordion module starts open, but with a little code in the head section we can start with all accordion toggles closed.
CSS: Centering DIVs
Did you ever try to center a block of successive images? Can feel so complicated, but after all with the help of a little CSS trick the centering gets easy to achieve.
About Copyright, Licenses & Image Sources
Find the most common license models and a comprehensive list of the best (royalty) free image and stock photography sources.
WordPress: Customizing the Admin Menu and Admin Toolbar for Editors
How to easily customize the Admin Menu and Admin Toolbar for the Editor role of your clients with just a few lines of code into functions.php.
DIVI: Regular Sidebar on Page Builder Pages
By default we can’t use the regular sidebar together with the DIVI Page Builder on pages, but if we need a sidebar throughout our website, we can bring it back.
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.
DIVI: Divi Builder on Custom Post Types
Yes, it is possible to use the DIVI Builder also on all kind of custom post types as Events like All-in-One Event Calendar or Product pages from e.g. WooCommerce.
DIVI: Symbols disappeared – Icon Font not loading
If you use Polylang with two different domains, or have any other setting that is accessing one WordPress installation from different domains, you might face the problem that the icon font of DIVI is not loading and icons disappear respectively showing e.g. an...DIVI: Equal Module Height instead of Equal Column Height
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.
WordPress: Change CSS Background Image according to Language
On multilingual WordPress websites we sometimes need to change the CSS backround-image according to the current language. Here are some solutions how to.
WordPress: Menu and Widgets for Editor Role but disabled Theme Customization
If you want to add editing for widgets and menu to the editor role, but still allow no access at all to any theme customization, here is your solution.
DIVI: Let Chrome alias your PNG Logo
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.
DIVI: Sticky but not Fixed Footer
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.
DIVI: Custom Logo for Vertical Navigation Menu – different proportions than in Mobile Menu
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.
Skype: Remove ads and the banner section
Get back an ad-free Skype experience with some very simple steps. Remove the ads and the ad banner section and enjoy a human and social Skype.
Simple Share Buttons Light: Centering, Opacity, Padding – the final CSS touch of sobriety
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.
All-in-One Event Calendar: Showing Categories or Tags in Tabs/Tabbed View
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.
All-in-One Event Calendar: Theme Customization Tutorial – my Quest for a perfect WordPress Calendar
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.
DIVI: Fixing responsive bug of sidebar between 980px and 1100px when vertical navigation is activated
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.
All-in-One Event Calendar: Prettifying Stream View with some easy CSS
Today I played a bit with the All-in-One Event Calendar plugin and I must say it is pretty good right out-of-the-box. My favorite view is the stream view, that is not available by default, but can be freely downloaded in the extended view add-on from the time.ly...Delete your Gravatar Account (almost) completely
A step-by-step tutorial how to delete your Gravatar account almost completely, even if it actually can not be deleted.
Contact Form 7: Checkboxes in single lines
By default, the checkboxes in Contact Form 7 appear in one single line one after the other. Fortunately, it is very easy to give each checkbox its own new line.
DIVI: CSS fix for the superscript and subscript
In DIVI up to the actual version 2.5.6, the superscript and subscript is styled very odd. This can be fixed with some simple CSS lines.
DIVI: Disable the DIVI lightbox to replace it with another lightbox plugin
In DIVI 2.5.5 it is not possible to disable the internal lightbox function. If you want to replace it with another lightbox plugin of your choice, you can for the moment use this core-hack.
DIVI: Adding color or any background to the sidebar in DIVI 2.5 and changing its width
If you want to color your sidebar or to set its width, you can use this CSS code to make it work in DIVI 2.5.
DIVI: Background-Image in the Header with transparent Logo – fully responsive and simply delicious
Adding a background-image in the header area of the DIVI theme with a transparent logo on top – fully responsive.
DIVI & Duplicator: Database migration problems, question marks and empty DIVI builder pages
DIVI & Duplicator create in some cases database migration problems, resulting in question marks for special characters and empty DIVI builder pages.
Adding a language class to the body
In case we need to add a language class to address some CSS styling to different languages individually, e.g. when using WPML or Polylang, we can add this little piece of code to our functions.php: PHP /* Adding a language class to the body to apply styles...Disable Emojis in WordPress
Disable the Emojis feature that came with WordPress 4.2
My quest for the perfect horizontal, multi-level dropdown and responsive CSS menu – a tutorial for beginners
A Step-by-step tutorial suitable for beginners about the quest of building the perfect horizontal, multi-level dropdown and responsive CSS menu.
Rendering subtitles into movies or video clips
In this small post I share how I integrated a .srt subtitle file into a video clip as a “hardsub” with XMedia Recode, because I needed it melted into the movie to have only one file.
Favorite WordPress Plugins
A list of the WordPress Plugins I commonly use, structured in categories, with short remarks, experiences and plugin settings.
