alligning the footer menu

You would need to edit the code in the footer.php file. From there you could build three columns and put the pieces you want in each.

Or with a decent about of css to cut padding and style the items like you want you can remove all the text in the footer copyright area and add widgets to the three footer columns for each of the things you want to do.

Kadence Themes

Actually I have negligible knowledge of php. Can you suggest some code.

This is my footer.php ——->

<footer id="containerfooter" class="footerclass" role="contentinfo">
  <div class="container">
  	<div class="row">
  		<?php global $virtue; if(isset($virtue['footer_layout'])) { $footer_layout = $virtue['footer_layout']; } else { $footer_layout = 'fourc'; }
  			if ($footer_layout == "fourc") {
  				if (is_active_sidebar('footer_1') ) { ?>
					<div class="span3 footercol1">
					<?php dynamic_sidebar(__("Footer Column 1", "virtue")); ?>
					</div>
            	<?php }; ?>
				<?php if (is_active_sidebar('footer_2') ) { ?>
					<div class="span3 footercol2">
					<?php dynamic_sidebar(__("Footer Column 2", "virtue")); ?>
					</div>
		        <?php }; ?>
		        <?php if (is_active_sidebar('footer_3') ) { ?>
					<div class="span3 footercol3">
					<?php dynamic_sidebar(__("Footer Column 3", "virtue")); ?>
					</div>
	            <?php }; ?>
				<?php if (is_active_sidebar('footer_4') ) { ?>
					<div class="span3 footercol4">
					<?php dynamic_sidebar(__("Footer Column 4", "virtue")); ?>
					</div>
		        <?php }; ?>
		    <?php } else if($footer_layout == "threec") {
		    	if (is_active_sidebar('footer_third_1') ) { ?>
					<div class="span4 footercol1">
					<?php dynamic_sidebar(__("Footer Column 1", "virtue")); ?>
					</div>
            	<?php }; ?>
				<?php if (is_active_sidebar('footer_third_2') ) { ?>
					<div class="span4 footercol2">
					<?php dynamic_sidebar(__("Footer Column 2", "virtue")); ?>
					</div>
		        <?php }; ?>
		        <?php if (is_active_sidebar('footer_third_3') ) { ?>
					<div class="span4 footercol3">
					<?php dynamic_sidebar(__("Footer Column 3", "virtue")); ?>
					</div>
	            <?php }; ?>
			<?php } else {
					if (is_active_sidebar('footer_double_1') ) { ?>
					<div class="span6 footercol1">
					<?php dynamic_sidebar(__("Footer Column 1", "virtue")); ?>
					</div>
		            <?php }; ?>
		        <?php if (is_active_sidebar('footer_double_2') ) { ?>
					<div class="span6 footercol2">
					<?php dynamic_sidebar(__("Footer Column 2", "virtue")); ?>
					</div>
		            <?php }; ?>
		        <?php } ?>
        </div>
        <div class="footercredits clearfix">

    		<?php if (has_nav_menu('footer_navigation')) :
        	?><div class="footernav clearfix"><?php
              wp_nav_menu(array('theme_location' => 'footer_navigation', 'menu_class' => 'footermenu'));
            ?></div><?php
        	endif;?>
        	<p><?php if(isset($virtue['footer_text'])) { $footertext = $virtue['footer_text'];} else {$footertext = '[copyright] [the-year] [site-name] [theme-credit]';} echo do_shortcode($footertext); ?></p>
    	</div>

  </div>

</footer>

<?php wp_footer(); ?>

Ok then you probably don’t want to go with the editing code option unless you know how to use a child theme.

And this isn’t really an issue of just adding some php, you need to change the div structure then add the css to make it work exactly like you want.

If you just add the three things you want into three footer columns then post a link when you make the site live I can help you to get the css right.

Kadence Themes

Surely I will do. Thank you for your quick reply.

Hi Kadence,I have managed to have a temporary url for my site.here it is–
my site

For this I am using a child theme.But i have negligible knowledge to edit the php templates.
1. How can i edit the footer such that copyright remains at the bottom left, then the menu containg the three pages at the center and social networking icons at the bottom right of the footer.I dont want to use the footer widgets.
2.As you can see the search box and the widgets at the top right corner are not aligned with the menu containing pages.can i make them appear in one line.
3.Can i increase the slider height in such a way that the white space between the header and the slider disappears.

Please dont mind if I am asking a lot of questions.I really like your awesome theme.

1. Like I said above using the footer widgets will make this possible. You can style the look and minimize the padding. Just add three text widgets and add each of your items to it. For example in footer column 1 add:

<p>&copy; [2014] </p>

in footer column 2 add:

<div class="footernav clearfix">
<ul id="menu-menu2" class="footermenu">
<li  class="menu-home"><a href="https://patkaitourism.com/wordpress/?page_id=99">HOME</a></li>
<li  class="menu-about-us"><a href="https://patkaitourism.com/wordpress/?page_id=454">About Us</a></li>
<li  class="menu-contact-us"><a href="https://patkaitourism.com/wordpress/?page_id=457">Contact Us</a></li>
</ul>
</div>

In footer column three add:

<div class="footernav clearfix">
<ul id="menu-menu2" class="footermenu">
<li  class="menu-facebook"><a href="https://facebook.com"><i class='icon-2x icon-facebook '></i><span class='fa-hidden'>Facebook</span></a></li>
<li  class="menu-youtube"><a href="https://youtube.com"><i class='icon-2x icon-youtube '></i><span class='fa-hidden'>YouTube</span></a></li>
<li  class="menu-google"><a href="https://plus.google.com"><i class='icon-2x icon-google-plus '></i><span class='fa-hidden'>Google+</span></a></li>
<li  class="menu-tumblr"><a href="https://tumblr.com"><i class='icon-2x icon-tumblr '></i><span class='fa-hidden'>Tumblr</span></a></li>
</ul>
</div>

Then let me know and I’ll post the css to make that look good.

2. You added custom css that is throwing off your layout, you should not style framework tags.. remove:

.span6 {
width: 100%;
}

3. Just add this to your custom css:

.home .contentclass {
padding-top: 0px;
}

and remove the blank line above your slider shortcode.

Kadence Themes

Last thing, any reason you haven’t updated?

Hi, just now I have updated ??
url– mys site

After editing, the following happened..

1.Added the three footer widgets,But I am unable to get the css to make them aligned in a line.

2.Solved, removed the code mentioned by you.

3.Added the code to remove the space above the slider. That worked fine with localhost, no space.But when I used the code in the live site, there stil exists little space. I inspected with google chrome dev tool and found a <p>…</P>. But there is no space in the page while editing.I even replaced the whole theme folder from localhost.Doesn’t work.

1. solved… I have changed the following code

old code–

[class*=”span”] {
float: none;
margin-left: 20px;
min-height: 1px;
}

new code–

[class*=”span”] {
float: left;
margin-left: auto;
min-height: 1px;
}

And it is working. Is it the right code or I just somehow did it ??

1. What do you mean by one line? the only thing that is large are your icons, which I assume you meant to have that large. so you can add this to even them out a bit.

#containerfooter {
line-height: 36px;
}

3. Have you checked the page in text mode, made sure there is not a p tag around your shortcode, that would cause this.

Kadence Themes

No do not edit span code you should not be editing framework css tags

sorry..I should not have done that.

1. I added this code–

#containerfooter {
line-height: 36px;
}

the resulting page is my site

3. I have checked the page in text mode, no p tag.

this is in your css and it should not be:

[class*=”span”] {
float: none;
margin-left: 20px;
min-height: 1px;
}

You should not adjust framework css or you break the site.

3. well you can always add this:

.home .eps {
margin-top: -10px;
}

3. that code worked.

Sorry again, for editing the framework css. Actually while searching for solutions I got those code mentioned by someone.
Should i remove the code from my custom css–

[class*=”span”] {
float: none;
margin-left: 20px;
min-height: 1px;
}

yes