Tagged: ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 10, 2015 at 6:40 am #516734
    AlainTernet

    Hello !
    I would like to change my standard 4 columns Enfold footer to look like the Enfold demo footer
    http://kriesi.at/themedemo/?theme=enfold

    Also, I would like to add more space between the footer column title and the content below.

    Finally, I also would like to add some social media icons in a footer column. I was able to put
    them into the socket but it is not where I want them and they are too small.

    Thanks,

    October 12, 2015 at 8:55 am #517181
    Rikard

    Hi AlainTernet,

    I’m not sure exactly what you mean since you need to link directly to the theme demo, go you the page you linked and then select Remove Frame in the top right hand corner, you can then get the direct URL. If you are looking to change the number of columns in the footer you can set that under Enfold–>Footer. Please post a link to you site as well.

    Regards,
    Rikard

    October 12, 2015 at 6:57 pm #517583
    AlainTernet

    Hi,
    First, I would like to have something like this:
    Footer
    I drew red lines to show you the 4 columns centered in the page
    with some space at left and at right.

    Second thing, I would like to add more space between the column title and the content below
    Exemple in the first columns in the picture I have attached above :
    Title–> Interesting links
    Content below –>Below are some Interesting links

    Third thing, I would like to add some social media icons in a footer column.
    Exemple in the picture I have attached above: Adding social media icons in the fourth columns instead of the text “Our support Hotline…”

    • This reply was modified 9 years, 1 month ago by AlainTernet.
    October 13, 2015 at 8:27 am #517873
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    October 13, 2015 at 11:15 pm #518428
    AlainTernet

    Hello,
    The site in question is the kriesi enfold demo site on the bottom of the page: http://kriesi.at/themes/enfold/
    I would like to make a similar footer.

    I am able to configure Enfold to have 4 columns footer, but the look are not similar (spacing between columns and left and right margin),

    October 15, 2015 at 4:40 am #519027
    Rikard

    Hi,

    Thanks but we will need to see your site to get it right there :-)

    Best regards,
    Rikard

    October 15, 2015 at 5:09 am #519034
    AlainTernet

    Here’s my login info:

    October 15, 2015 at 12:26 pm #519206
    Yigit

    Hi!

    Please try adding following code to Quick CSS

    #footer * {
    text-align: center;
}
#footer .widgettitle { 
margin-bottom: 40px; 
}

    Cheers!
    Yigit

    October 15, 2015 at 11:45 pm #519628
    AlainTernet

    Thanks you for your help but it’s not exactly what I want.
    See the picture below, it the result with your code:
    Screencapture footer

    I would like to have something like the footer in the Enfold demo picture I posted previously (see below)
    4 columns, but each columns are justify to left, with a lot of space at left and at right of the page.
    Screencapture footer

    • This reply was modified 9 years, 1 month ago by AlainTernet.
    October 16, 2015 at 11:29 pm #520327
    Josue

    Hey!

    Your footer is pretty much the same as in the demo, however it looks different because you have a Boxed layout so you don’t see those spaces at the sides. One thing you can do is reduce the container width of the footer with this code:

    #footer .container {
    max-width: 1000px;
}

    Adjust as needed.

    Best regards,
    Josue

    October 17, 2015 at 1:53 am #520346
    AlainTernet

    Thank you, we’re almost there.
    So, is it possible to specify the width of each column?
    Something like 31% for the first one, and 18% for the three other columns and 5% for the space between each column?

    And about Social media icon, is it possible to add it in one column ? (see my first message).

    Thanks again for your help,
    Alain

    October 18, 2015 at 3:15 am #520497
    Josue

    Hey!

    Yes, use this codes:

    #footer .av_one_fourth:nth-child(1) {
    width: 20.5%;
}

#footer .av_one_fourth:nth-child(2) {
    width: 20.5%;
}

#footer .av_one_fourth:nth-child(3) {
    width: 20.5%;
}

#footer .av_one_fourth:nth-child(4) {
    width: 20.5%;
}

    That total sum of the width must be 82 in order to keep it as 4 columns.

    Cheers!
    Josue

    October 18, 2015 at 6:09 am #520506
    AlainTernet

    Thanks for the code.
    Is it also possible to modify the space between columns ?

    October 18, 2015 at 7:40 am #520532
    Josue

    Try with this:

    #footer .av_one_fourth {
    margin-left: 4%;
}

    Regards,
    Josue

    October 18, 2015 at 8:06 am #520543
    AlainTernet

    Thank you very much, with that I was able to adjust the spaces for each collonne and my footer is perfect now!

    I have a last questions about adding social media icons in the footer, but I opened another topic to make it clearer and describe what I tried.

    Regards,
    Alain

    October 18, 2015 at 12:04 pm #520597
    Josue

    Good, glad to help. I’ll check your other topic and see if i can help you out :)

    Regards,
    Josue

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Footer columns’ is closed to new replies.