Instagram widget in footer full width

  • Author
    Posts
  • #111661

    thalisha89
    Member

    Hi
    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

    http://www.thalisha.com

    The blog I need help with is thalisha.com.

    #111782

    ricardpriet
    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:
    http://fontawesome.io/icon/

    In this example we are going to use the plus icon:
    http://fontawesome.io/icon/plus/

    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:
    http://imagizer.imageshack.com/img923/5961/G2ywP6.jpg

    Hope this helps :)
    Ricardo P. from SiloCreativo

    #111786

    thalisha89
    Member

    Thank you very much. it worked!

    #111824

    ricardpriet
    Theme Author

    Fantastic!
    Nice to hear that :)

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