Okay
  Public Ticket #2321963
Recent posts footer widget size
Closed

Comments

  • Brendon started the conversation

    Hi. Is it possible to make the recent posts widget in the footer wider to say 1/3 or 1/2 the page width. 

  •  1,831
    Support Agent 1 replied

    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!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Brendon replied

    Hi. 
    have a look at evsolutions.uk

    The footer has an empty column to its right. 
    What i am after is the ‘recent posts’ widget to be on the left with the thumbnail images visible in the same way as if it was on the side bat. 

  •  1,831
    Support Agent 1 replied

    Hi Brendon,

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

    1297163575.png

    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:

    7862829464.png


    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Brendon replied

    hi. Thanks that has got the images working. 

    How about the layout. If i view on desktop theres blank whitespace in column 4, and on mobile its squeezing 2 columns side by side.   

  •  1,831
    Support Agent 1 replied

    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:

    4413270956.png

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

    5712878036.png


    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%;
    } }
    and divide columns more evenly on desktop via this code:

    @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;
    }
    }
    Let us know if you need additional assistance.





    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Brendon replied

    hi. I would love to use a footer page, but i would want to use the ‘BB Recant posts widget‘ in the footer. Is this possible

  •  1,831
    Support Agent 1 replied

    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:

    9003875365.png

    Let us know if you need help with anything else.




    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Brendon replied

    hi. 

    I am still working on the layout of the recent posts in my footer on a mobile  

    I have used the footer widget which looks like this on desktop. 

    However on mobile it looks like this with large images. 

    How do i make it look like the demo site with small images like this. 

    Many thanks

    Brendon

  •  1,831
    Support Agent 1 replied

    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;
    }
    }
    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Brendon replied

    thats fantastic. 

    Thank you. It looks great on mobile now  

    Brendon

  •  1,831
    Support Agent 1 replied

    Hi Brendon,

    You're welcome!smile.png

    Let us know if you need help with anything elsesmile.png


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!