Hi Brendon,

Width of the columns in Footer widget depends on the amount of the widgets you are using.

Could you please send link to the page where you've added Recent posts widget so that we can take a closer look?

Thanks!

Hi Brendon,

In order to display thumbnail images you should use BB Rcent Posts widget (instead of Recent Posts widget):

Should you want to display that widget all the way on the left side, you should drag that widget to be first widget in Footer widgets area widget list, for example:

Let us know if that helped.

Hi Brendon,

Should you want more control over footer layout you can use Footer page instead of widgets. 

In order to use the same footer for all the pages on your website please proceed and create Footer page (or use page from our demo) with desired content. Then, copy it's slug:

and add it to Custom Footer page field in Appearance> Customize> Header and Footer:

That way, footer will display on all pages throughout your website. Also, you could then choose number of columns and adjust Responsive tab within sections.

Should you still decide to use footer widgets, you can display one column on mobile via this code:

@media (max-width: 768px) {
 .btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
}

@media (min-width: 768px) {
 .btSiteFooterWidgets #boldSiteFooterWidgetsRow .btBox {
    background-color: transparent;
    margin-bottom: 6em;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
}
.bt_bb_row .bt_bb_column {
    padding-left: 70px;
    padding-right: 20px;
}
}

Hi Brendon,

Unfortunately, it is not possible to add BB Recant posts widget to Footer page as it is not Bold Builder element, but widget, which is why it isn't available on Bold Builder's elements list:

Let us know if you need help with anything else.

Hi Brendon,

The screenshot you've sent us from our demo site is from Sidebar widget area, not from Footer widgets.

In order to achieve the same design in Footer widgets please try adding the following css code to Appearance> Customize> Additional css:

@media(max-width: 992px) {
.btSiteFooter .btBox .btImageTextWidget,.btSiteFooter .btCustomMenu .btImageTextWidget, .btTopBox .btImageTextWidget {
    display: flex;
}
}

Hi Brendon,

You're welcome!

Let us know if you need help with anything else