CSS Posts

Remove the unwanted padding on Gutenberg video block displayed in Beaver Themer templates 1

Remove the unwanted padding on Gutenberg video block displayed in Beaver Themer templates

By Pieter Hartsook / April 5, 2021 / 0 Comments
Posted in , , ,

If you use Beaver Themer to layout single post pages and format the post content using the Gutenberg Block Editor you notice when embedding a video that the “Resize for smaller devices” switch is enabled by default on video blocks. The purpose of this setting is to maintain the original aspect ratio of the video and the responsive size of the browser changes. But leaving this set when the post content is displayed in a […]

Read More
Changing a Submenu to a Mega-menu with Beaver Builder 2

Changing a Submenu to a Mega-menu with Beaver Builder

By Pieter Hartsook / February 25, 2020 / 0 Comments
Posted in , , ,

Sometimes you want to present a navigation menu as a horizontal “mega-menu” instead of a hierarchal dropdown menu. This is really simple if you are using Beaver Builder. The mega-menu feature is built in, but is unfortunately hidden. You have to know the secret to turn it on.

Read More
Create a Scrolling Column with trivial CSS 3

Create a Scrolling Column with trivial CSS

By Pieter Hartsook / February 28, 2020 / 0 Comments
Posted in ,

The client wanted to display a list of past events in a scrollable column. This was easy to implement using simple css. The page layout was done with Beaver Builder, but the solution should work for any html container.

Read More
How to add CSS to control elements on the back end of your WordPress site 4

How to add CSS to control elements on the back end of your WordPress site

By Pieter Hartsook / March 3, 2021 / 0 Comments
Posted in , , ,

Let’s say you want to style the dashboard, or hide an element that normally shows when editing a Post using display:none;. Even if you can discover the CSS selector using your browser’s inspector and test out your custom styling, you can’t just copy and paste that into the WordPress Customizer. something

Read More
Skip to content