Docs

[TheoryUnit]

Hi there,

URL: nickbartonconsultancy.com

Could you help me make the footer text align centrally please? I’ve placed the logo to the left and it’s causing a couple of lines of the central text to go out of alignment.

I have this code in the Footer area of Customise:

<div><a style="text-align: left;" href="http://nickbartonconsultancy.com" ><img src="http://nickbartonconsultancy.com/wp-content/uploads/2016/03/NICK-BARTON-LOGO-TRANS-WHITE-500x170.png" width="175" height="60" class="left" alt="Nick Barton Consultancy"></a></div><div><p>Nick Barton Consultancy | Oak Vale | Oak Vale Lane | Henstridge | Templecombe |Somerset |  BA8 0SP</p>
<p>E: enquiries ( at ) nickbartonconsultancy.com   |   M: 07825 620129</p>
<p><a href="http://nickbartonconsultancy.com/terms-and-conditions/"
title=“Terms and Conditions”>Terms and Conditions</a></p>
<p>Website and Branding by <a href="http://www.theoryunit.com" title="Theory Unit">THEORY UNIT</a></p></div>

Thanks a lot.
Matt

[Christian]

Hey Matt,

Please add style="position: absolute;" to your image div wrapper so it would be

div style="position: absolute;"><a style="text-align: left;" href="http://nickbartonconsultancy.com" >

Hope that helps. 🙂

[TheoryUnit]

Hello,

Thanks a lot, that worked perfectly. Can I ask another thing please? I’ve been trying to get the menu items in the footer to display in bold, but I can’t make it work.

Your help much appreciated as ever.
Cheers,
Matt

[TheoryUnit]

Got it thanks:

.x-colophon.bottom .x-nav li a {
    font-size: 14px;
    font-weight: bold;
}

[TheoryUnit]

I’ve just noticed on mobile, the logo in the footer is floating on top of the text — can you please help me place it somewhere else (preferably above the info, below the menu items) on mobile only please?

Thanks,
Matt

[Rupok]

Hi Matt,

Thanks for writing back! You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 979px) {

.x-colophon-content > div {
  position: relative !important;
}

.x-colophon-content > div img {
  display: block;
  float: none;
  margin: 15px auto;
}
}

Hope this helps.

Cheers!

[TheoryUnit]

Hi there,

Thanks so much — that’s perfect.
Cheers,
Matt

[John Ezra]

You’re most welcome!

[harmoniqa]

Hello,

I’m trying to align footer to the right, no success… I used this code:

footer.x-colophon {
float: right;
}

Please give me one that works…

Thanks!

[harmoniqa]

This reply has been marked as private.

[Paul R]

Hi,

Please change your code to this.

.x-colophon.bottom .x-colophon-content {
     text-align:right;
}

.page-id-40 .x-colophon.bottom .x-colophon-content {
     text-align:center;
}

Hope that helps.

[harmoniqa]

It works, thank you!

[Joao]

Great to hear it.

Joao

[Author]

Posts