How to centrally align footer.

[nitin@mantiseye.co]

I have modified footer to only show 3 columns. Now its left aligned. I need it to be centrally aligned.

[themes2go]

Hello!
thanks for writing in. Andrea here from Themes2go Customer Support.
Our product doesn’t natively include a central aligned feature for the footer but our developers provide you an easy way to implement it.

First, make sure you are using the Lifecoach Child Theme.
Then find your child theme using your FTP client in wp-content -> Themes -> lifecoach-child and edit the file functions.php.

At the end of the file paste this code snippet:

function lifecoach_widgets_init() {

	register_sidebar( array(
		'name'          => esc_attr__( 'Right Sidebar', "lifecoach" ),
		'id'            => 'lifecoach-right-sidebar',
		'before_widget' => '<aside id="%1$s" class="col s12 m3 l12 qt-widget qt-content-aside %2$s">',
		'before_title'  => '<h5 class="qt-widget-title qt-inline-textdeco"><span>',
		'after_title'   => '</span></h5>',
		'after_widget'  => '</aside>'
		
	));
	register_sidebar( array(
		'name'          => esc_attr__( 'Footer Sidebar', "lifecoach" ),
		'id'            => 'lifecoach-footersidebar',
		'before_widget' => '<aside id="%1$s" class="qt-widget col s12 m4 l4 qt-ms-item %2$s">',
		'before_title'  => '<h5 class="qt-widget-title qt-inline-textdeco"><span>',
		'after_title'   => '</span></h5>',
		'after_widget'  => '</aside>'
		
	));
	register_sidebar( array(
		'name'          => esc_attr__( 'Off Canvas Sidebar', "lifecoach" ),
		'id'            => 'lifecoach-offcanvassidebar',
		'before_widget' => '<aside id="%1$s" class="qt-widget col s12 m3 l3 qt-ms-item %2$s">',
		'before_title'  => '<h5 class="qt-widget-title qt-inline-textdeco"><span>',
		'after_title'   => '</span></h5>',
		'after_widget'  => '</aside>'
	));
}

Save it and you should be ready to go.
Keep me posted if this workaround works for you.

Have a good day,
Andrea

[nitin@mantiseye.co]

super, it worked. also the footer below it.. check http://norwestskys.com

i want to centrally align the EMPOWERED WITH ❤ BY MANTIS EYE LLP text and remove the arrow that preceds it.

[themes2go]

Hello again,
This is also a kind of customization that it is not included in the theme’s features but I will try to help you.

First, go to wp-content/themes/lifecoach/phpincludes and make a copy of your footerwidgets.php

In your child theme, on wp-content/themes/lifecoach-child,create a new folder named phpincludes and Move the copy of footerwidgets.php inside it.

Now edit footerwidgets.php in this way:

line 95 change <div class="col s12 m12 l8"> with <div class="col s12 m12 l12">
line 101 change <ul class="qt-menu-footer qt-small qt-list-chevron "> with <ul class="qt-menu-footer qt-small">

This should work fine.

Andrea

[nitin@mantiseye.co]

thank you so much 🙂 …. however, it removed the arrow but did not centrally align it.

[themes2go]

Just add this to line 96:
instead <div class="qt-footertext"> change to <div class="qt-footertext qt-center">

[nitin@mantiseye.co]

did not work… check http://norwestskys.com

[themes2go]

I’ve just tested it on my pc and it works. Quite strange.
As I can see the class qt-center is in the code but it doesn’t affect your layout.
So try to add the class qt-center to the container:
on line 93 add qt-center as shown on this code snippet <div class="qt-container qt-center">

Keep me posted.
Andrea

• This reply was modified 6 years, 9 months ago by themes2go.
• This reply was modified 6 years, 9 months ago by themes2go.
• This reply was modified 6 years, 9 months ago by themes2go.

[nitin@mantiseye.co]

worked 🙂 thank you 🙂

[themes2go]

Nice! 🙂