Instagram widget in footer full width

  • Author
  • #111661


    is there a css code that the instagram widget can be shown in full width in the footer? now i have left and right still black space

    and is there i way i can make the main widget area is more noticeable (the three dots top right

    The blog I need help with is


    Theme Author

    Hi thalisha89,
    thanks for writing and using Janice.

    Yes it is. You have to add the Instagram Widget to First Widget Area. Then add the following CSS:

    #pre-footer .container {
        width: 100%;
    #pre-footer #footerfirst {
        width: 100%;
        padding: 0;

    You will not be able to use the second and third Widget are with this change.

    To make the main sidebar more noticiable, you can change the icon (the three dots ) or add a style, for example a color bg fot that icon.

    To change the icon, add the following CSS with your icon Unicode. You can find your icon here and after clicking on it you will be able to see the Unicode:

    In this example we are going to use the plus icon:

    Under the icon it said Unicode: f067, so It will be added as follow:

    .fa-ellipsis-h:before {
        content: "\f067";

    To change the background color, add the following:

    .menu-sidebar {
        background-color: #8BC34A;
        padding: 19px;

    Then you will have something like this:

    Hope this helps :)
    Ricardo P. from SiloCreativo



    Thank you very much. it worked!


    Theme Author

    Nice to hear that :)

The topic ‘Instagram widget in footer full width’ is closed to new replies.