Tweaking the Beaver Builder Template Library

September 30, 2018/David Waumsley

Beaverbuilder Css Layout Templates

Beaver Builder  scales any sized feature image  you upload to show at  41 px  x 49 px.  I sized my mages to  156 px x 187 px and added the following CSS to the  global settings panel (shortcut key = Ctrl/Cmd + U).

.fl-user-template-thumbnail .fl-builder--template-thumbnail {
width: 160px;
}

.fl-builder--save-new-user-template, .fl-user-template
{
padding-bottom: 30px;
}

.fl-user-template-name
{
position: absolute;
bottom: 0;
font-size: 14px;
padding-bottom: 8px;
font-weight: bold;
}

I also assigned my “Home Page” templates to their own category.

Posted in
david-waumsley-web-developer-150x150-circle

David Waumsley

A British chap who helps with websites and whatnot.  Some refer to him as a digital nomad, but he will accepts the term "fugitive" or "international bag lady".  He actually builds websites for a living. Yeah, I know!

3 Comments

  1. Maurits Harmsen Maurits Harmsen on May 8, 2019 at 9:29 pm

    Is there a way to hide that blank template?

    Reply
    • David Waumsley David Waumsley on May 9, 2019 at 11:19 am

      Hi Maurits. I suspect there will be with CSS. I will come back to you If I get a chance to check it out.

      Reply
      • David Waumsley David Waumsley on May 9, 2019 at 1:13 pm

        Hi Maurits,

        This will hide the blank.

        .fl-user-template[data-id=”blank”] {
        display:none;
        }

        Reply

Leave a Comment