Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1367586
    entechnico
    Participant

    Hi There,

    Hope that you guys could help with the footer.

    I have added the elements as far as I can but not able to make it look close to the way I need it…

    I have attached a image of what I am trying to replicate.

    1. I would like the colour of the background to be black like the photo
    2. I would like to remove the borders over the menu options so that it looks like the example
    3. I would like to add an image to the right (4rth widget once I select 4 sections)

    I have added an image of what the footer looks like at the moment.

    #1367587
    entechnico
    Participant
    This reply has been marked as private.
    #1367730
    Christian
    Moderator

    Hey there,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1367761
    entechnico
    Participant
    This reply has been marked as private.
    #1367793
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-colophon+.x-colophon {
    
        box-shadow: none;
        border-top: 1px solid #2e2e2e;
    }
    footer.x-colophon.top {
        background-color: #212121;
    }
    footer .widget_nav_menu ul li a,footer .widget_meta ul li a, footer .widget_pages ul li a, footer .widget ul, .widget ol {
    
        border: none;
        box-shadow: none;
    text-shadow: none;
    }
    footer .textwidget {
        text-shadow: none;
    }
    footer h4.h-widget {
        text-shadow: none;
        color: #fff;
        margin: 0 0 25px;
    }
    
    footer .widget ul li a:hover{
    background-color:transparent;
    }
    .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before {
        content: "";
        padding-right: 0;
    }

    You can add image in text widget area.

    Hope it helps.

    #1367815
    entechnico
    Participant

    Hey Christopher

    Thats awesome thanks so much for that! worked like a charm.

    thanks very much for the help!

    #1367819
    Christopher
    Moderator

    You’re welcome.

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