Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #397876

    Im looking to create a footer layout similar to http://www.parkerschauffeurs.com

    Whats the bets way? How many columns?

    Thanks

    #397978

    Hey robertscott!

    Don’t think that should be a problem, 3 columns would likely be your best bet.

    Regards,
    Rikard

    #399039

    Hi Rikard,
    I couldnt get the 3 column to work. I tried using 1 1/2 in the centre but the text was breaking on to 2 lines. I got the desired result but had to use a colour section for the footer. You can see it here: http://scotwebtesting.co.uk

    Not sure what effect this will have though? I’ll need to recreate the same colour section in every page created which is a bit of a pain.
    Can you have a look and see the current footer and recommend how to get the same result but with a global footer.

    Thanks

    #399393

    Hey!

    you can try to use the normal footer. Go to Enfold->Footer and in “Fotter Columns” select “3”. Then go to Appearance->Widgets and fill in the content for “Footer column1”, -2, -3. Show us the result when it’s done. Maybe we can tweak it a little bit with some CSS to fit your needs.

    Regards,
    Andy

    #400657

    Hi Andy,
    OK I’ll try that.

    Thanks

    #400676

    Hi!

    Please try and let us know so we can mark the thread as resolved or assist you further :)

    Best regards,
    Yigit

    #400775

    Hi,

    I’ll add it to the footer later today and update this tonight.

    Thanks

    #401208

    Hey!

    Great, looking forward to hearing how it went.

    Cheers!
    Rikard

    #417792

    hi Yigit/AndyRikard,

    I’ve created a color section for a footer here: http://scotwebtesting.co.uk

    I’ve already done some of it here: http://scotwebtesting.co.uk/about-us/ – But the middle widget isn’t formatted the same as on the home page.

    Also when using the color section I used the icon from content elements but they aren’t available as a widget.

    Can someone help.

    Thanks

    #418476

    Anyone?

    #418564

    Hi!

    Please add following code to Quick CSS

    #footer .container {
      padding: 0;
    }
    #footer .av_one_third:nth-child(2) {
      width: 55%;
      margin-left: -8%;
    }

    Best regards,
    Yigit

    #418576

    Hi Yigit,

    That soved the middle footer 2 but now footer 3 has moved down. And the the footer 1 logo is sitting below the first line of the footer 2.

    Also how to add the icons for footer 3 using the icons from content builder.

    Thanks

    #418578

    Hey!

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
    You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Please add widgets firstly then let us know and we will take another look

    Best regards,
    Yigit

    #418589

    Hi Yigit,

    Please look at the home page footer: http://scotwebtesting.co.uk/

    This was done using a color section. Now look at http://scotwebtesting.co.uk/about-us/ – this already has 3 widgets added

    the first 2 are almost fine. footer widget 1 one needs the logo adjusted to match the same height as what you see on home page. And footer 3 has dropped out. Footer 3 needs the social icons as home page but there’s no widget for it.

    I really need the footer from the home page but using widgets.

    thanks

    #418600

    Hey!

    Please add following code to Quick CSS and remove the one i posted in my previous post

    #footer .av_one_third:nth-child(1), #footer .av_one_third:nth-child(3) {
      width: 20.5%;
    }
    #footer .av_one_third:nth-child(2) {
      width: 55%;
      margin-left: -2%;
    }
    #footer .container {
      padding: 0;
    }

    Regards,
    Yigit

    #418610

    Ok thats great. The footer column 3 is back.

    Now al I need is to adjust the logo image in footer 1 to be in line with the footer 2 first line.

    And is there a way to add the social icons from the home page? They arent available as a widget only from the advanced content builder.

    Thanks

    #418618

    Hi!

    Please add following code to Quick CSS as well

    #footer #text-2 img {
      padding-top: 0;
    }

    and refer to my post here – https://kriesi.at/support/topic/create-a-footer-like-this/#post-418578

    Cheers!
    Yigit

    #418622

    Thanks Yigit.

    Much appreciated

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Create a footer like this’ is closed to new replies.