Docs

[peterok]

How do proper e-commerce footer and not just the Copyright. the footer should include pages like Terms and condition etc..

[Christopher]

Hi there,

Please enable ‘footer menu’ from Customize -> Footer.

Next assign footer menu under Appearance -> Menus.

Hope it helps.

[peterok]

No, it doesn’t. I would like everything to be under one band. And not separate band. The footer has to be full width also. Maybe i did something wrong. Could you help me take a look?

The pictures show that my footer becomes like a content band itself. The customer care should be under the footer not a separate distinct column.

[Paul R]

Hi,

In that case, you can add your copyright and links under Appearance > Customize > Footer > Footer Content.

http://screencast.com/t/yV29nrOTd

Hope that helps.

[peterok]

I think you don’t get what i meant. I have set the custom menu on Footer 1 and also set the footer. But when it shows, its like attached ‘My website’. The customer care should be part of the footer bout it seems like its a separate content by itself. I want the footer to be looking like attached “reference 1”. Please assist.

[Rupok]

Hi there,

Thanks for clarifying. You need to enable the Footer Widget Areas from Customize > Footer and specify the number of widgets you are trying to show.

Then place your widgets from Appearance > Widgets.

Hope this helps.

Cheers!

[peterok]

This reply has been marked as private.

[peterok]

This reply has been marked as private.

[Christopher]

Hi there,

Please put ‘mailchimp’ and ‘text’ widgets in footer 2 and footer 3 widget areas.

Please add following code in Customize -> Custom -> CSS :

footer.x-colophon.bottom {
    border: none;
}

Hope it helps.

[peterok]

This reply has been marked as private.

[Rupok]

Hi there,

The instruction is already provided. Let’s follow them carefully to implement. It’s pretty straightforward and basic.

However don’t share any credentials or confidential information without setting as “private reply”. I have marked your replies as private but for security reason, I’d suggest you to change the credentials asap.

Hope this makes sense.

[peterok]

This reply has been marked as private.

[Rue Nel]

Hello There,

To make your footer fullwidth and outside of the boxed layout, please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $('.x-colophon.bottom').insertAfter('#top');
  $('.x-colophon.top').insertAfter('#top');
})(jQuery);

Please let us know if this works out for you.

[peterok]

This reply has been marked as private.

[Rue Nel]

Hello There,

If you want to remove the side borders around the main frame, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-boxed-layout-active .site,
.x-boxed-layout-active .x-navbar {
    border: none;
    box-shadow: none;
}

http://prntscr.com/b7c2td

And for your footer, what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once you already have your child theme active and ready, please insert this following code in your child theme’s functions.php file.

// Add the custom footer text
// =============================================================================
function add_custom_footer_text() { ?>
     <div id="custom-footer-text">
       <div class="custom-footer-inner">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer scelerisque eros eu pulvinar dictum. Nunc egestas massa at elit bibendum, cursus fringilla nunc faucibus. Proin dignissim efficitur nunc a cursus.
       </div>
     </div>
<?php }
add_action('x_before_site_end', 'add_custom_footer_text');
// =============================================================================

And then you also need to add the following css code in the customizer, Appearance > Customize > Custom > CSS

#top {
    position: relative;
}

#custom-footer-text {
    background-color: #000;
    color: #fff;
    padding: 10px;
    display: block;
    position: absolute;
    top: auto;
    bottom: -60px;
    left: 50%;
    z-index: 1100;
    margin-left: -250px; 
    max-width: 500px;
}

http://prntscr.com/b7c7il

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

[Author]

Posts