Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1221781
    suescarfe
    Participant

    Hi
    I’ve added the bbPress Forums List Widget into my Footer area. It lists forum topics in the footer, in area 3.
    In footer areas 1 and 2 I have menus.
    Is there a way to style the list it produces in the footer to look the same as the menus in columns 1 and 2? ie. similar spacing and the little triangles to the left of each entry?
    (screen dump attached)

    Thanks

    #1221951
    Lely
    Moderator

    Hi There,

    That is possible with some custom CSS. To help you better, please do share us your site URL so we can check.

    #1221962
    suescarfe
    Participant
    This reply has been marked as private.
    #1222053
    Christopher
    Moderator

    Hi there,

    Please add following code in child theme’s style.css file:

    div#bbp_forums_widget-2 li a {
        font-size: 16px;
        line-height: 1.5;
    }
    div#bbp_forums_widget-2 li a:before {
        content: "\f0da";
        padding-right: 0.4em;
        font-family: fontawesome;
    }
    .widget a.bbp-forum-title {
        margin: 0;
        padding: 0;
    }
    .widget_display_forums li {
        padding: 3px 0 !important;
    }

    Hope it helps.

    #1222054
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .widget.widget_display_forums ul li {
        margin: 0;
        padding: 0;
    }
    .widget.widget_display_forums ul li a {
        border-bottom: 0 !important;
        box-shadow: none;
        padding: 0.15em 1.90em;
        line-height: 1.5;
        font-size: 16px;
        margin: 0;
    }
    .widget.widget_display_forums ul li a:before {
        content: "\f0da";
        padding-right: 0.4em;
    }

    Hope it helps 🙂

    #1223487
    suescarfe
    Participant

    AHHH So much better, you are absolute STARS.

    Thankyou !!

    #1223489
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1221781 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>