Footer Thickness and Text Alignment

Hello,
At the footer of my site www.pixelbox.in, I have written
© Pixel Box Studios - 2016

  • Right now it’s left aligned. How to get it right in the center.
  • The footer pad is bit thick I feel. How to reduce the height / vertical
    thickness of the footer ?

Here’s the code of Footer.php incase if it helps you to study…

<?php
/**

  • The template for displaying the footer.

  • Contains the closing of the #content div and all content after

  • @package Sydney
    */
    ?>
    </div>
    </div>
    </div><!-- #content -->

    <?php if ( is_active_sidebar( ‘footer-1’ ) ) : ?>
    <?php get_sidebar(‘footer’); ?>
    <?php endif; ?>

    <i class=“fa fa-angle-up”></i>

    <footer id=“colophon” class=“site-footer” role=“contentinfo”>
    <div class=“site-info container”>
    © Pixel Box Studios - 2016

     &lt;/div&gt;&lt;!-- .site-info --&gt;
    

    </footer><!-- #colophon -->
    </div><!-- #page -->

<?php wp_footer(); ?>

</body>
</html>

Hi,

Add these css code using simple custom css plugin:

  • Right now it’s left aligned. How to get it right in the center.
.site-info.container {
    text-align: right;
}
  • The footer pad is bit thick I feel. How to reduce the height / vertical
.site-footer {
    padding: 0;
}

Regards,
Awan

Hi pixelboxstudio,

I have the same problem, I want to perform well this change in the footer.
Can you please tell me how and where now the footer.php was changed.
Thank you and best regards
Alstersurfer

Hi Alstersurfer,

Install the “Simple Custom CSS” plugin. Then go got Appearance>Editor and
for alignment of footer text enter

.site-info.container {
text-align: right;
}

and to change the thickness of the footer pad enter

.site-footer {
padding: 0;
}

If you want to change the footer text then you will have to do from Footer.php
If you are editing the code of main footer page then don’t forget to keeping a copy of original codes as you never know what will happen. If any error then you can just replace the entire codes and re-edit.There are few videos on
footer editing at
https://www.youtube.com/results?search_query=how+to+change+the+footer+text+in+wordpress

and with some info from these videos and Sydney support I was able to get desired look at www.pixelbox.in

Hi pixelboxstudio,
Many, many thanks for the quick reply.
I think your remarks and youtube-video will help me.
I have not understood is the code: .site-info.container {
text-align: right; } and the code: .site-footer {padding: 0; } directly written to the footer.php or in the style.css.
best regards
Alstersurfer

It’s entered in the “Custom CSS” plugin incase if you want to change the alignment of the Footer text .

Hello pixelboxstudio,
You helped me a lot. I could as I wanted it to perform everything.
It really works Prima.
Many many thanks
best regards
Alstersurfer