Footer Widgets Not Lining Up - by dunnjust

This topic has 7 replies, 4 voices, and was last updated 7 years, 8 months ago ago by Robert Hall

  • Avatar: dunnjust
    dunnjust
    Participant
    August 3, 2016 at 06:39

    Hello,

    My footer widgets are not going horizontally. They are stacking on top of each other. Why is that? Please help my. I just updated the theme and the footer section is not working. I have followed the instructions, but no footer section is working.

    https://manemanindianhair.com

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 3, 2016 at 07:32

    Hello,

    You need to сreate your custom footer in Static Blocks, then add “8theme – Static Block” widget in Apperance > Widgets > Footer widget area and select needed static block.
    Please create Static Blocks using Visual Composer editor as described in the theme documentation https://8theme.com/demo/docs/legenda/index.html#!/footer

    Regards,
    Rose Tyler.

    Avatar: dunnjust
    dunnjust
    Participant
    August 3, 2016 at 14:34

    Static Block does not show visual composer on mine. Login and see. Why not? I have given the login. Please help. My website looks wrong. The theme is the latest.

    Avatar: dunnjust
    dunnjust
    Participant
    August 3, 2016 at 14:57

    Footer is fixed now, but why is my Instagram not working properly… I want to use 6 images with 3 columns. It used to work, not it’s just stacking images on top of each other

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    August 3, 2016 at 15:16

    Hi, there, 
Thanks for the using our theme,

    We have fixed, check please if its everything fine :)

    If you would like change in footer you can do it through Static Blocks -> footer demo.
    Please add this code in custom.css

    .instagram-pics li {
        list-style: none;
        display: inline-block;
        width: 105px;
        margin: 5px;
    }
    .instagram-pics {
        padding-left: 0;
    }
    @media (min-width: 979px) and (max-width: 1200px) {
    	.instagram-pics li{
    	    width: 85px;
    	}
    }
    @media (min-width: 768px) and (max-width: 979px) {
    	.instagram-pics li{
    	    width: 98px;
    	}
    }
    Avatar: dunnjust
    dunnjust
    Participant
    August 4, 2016 at 06:41

    I have pasted the code in the default.custom.css and the instagram section is not working still. Please login to my wordpress dashboard and fix it. The pictures are stacking on top of each other. They should be in 3 columns.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    August 4, 2016 at 07:09

    Hello,

    You should rename the default.custom.css file to custom.css.
    See video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.