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.
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: 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.
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.
