ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• June 7, 2016 at 7:29 pm #273012
  uform

  Member

  Post count: 60

  I have added images in the copyright footer section but i’m unable to align them.

  How can they be align to the left under the text?

  Thanks!

  Attachments:

  You must be logged in to view attached files.
  June 8, 2016 at 7:57 am #273094
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Change the footer content to:

  <p>
  ©[the-year] - tout droit réservé - <a href='http://dkolor.com'>dkolor.com</a>
  </p>
  <div class="footer-images">
  <img src="http://dkolor.com/wp-content/uploads/2016/06/paypal-logo-1.png">
  <img src="http://dkolor.com/wp-content/uploads/2016/06/visa-pay-logo-1.png">
  <img src="http://dkolor.com/wp-content/uploads/2016/06/american-express-logo-1.png">
  <img src="http://dkolor.com/wp-content/uploads/2016/06/master-card-logo-1.png">
  </div>

  Then I will provide some custom css

  – Kyle

  June 8, 2016 at 4:26 pm #273243
  uform

  Member

  Post count: 60

  Ok I changed the footer content.

  June 8, 2016 at 6:07 pm #273261
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Seems to be the same..

  – Kyle

  June 8, 2016 at 6:13 pm #273265
  uform

  Member

  Post count: 60

  Oups sorry. I’m having problem with the WPMl string translation plugin it is preventing me from saving stuff in the theme option menus. I have to look it out with them.

  It as been changed now.

  June 9, 2016 at 7:59 am #273348
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  #copyright p {
    color: #333333;
    float: left;
    width: 100%;
  }
  .footer-images {
    float: left;
  }

  – Kyle

  June 10, 2016 at 8:38 pm #273952
  uform

  Member

  Post count: 60

  Great thanks Kyle.

  Just one other thing if possible. On mobile, phone version, is it possible to have the images centred just like the texte.

  That would be great.

  Thanks,

  Attachments:

  You must be logged in to view attached files.
  June 11, 2016 at 10:12 pm #273993
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  To me they are already centered?
  https://www.dropbox.com/s/kw8no17vpbebjjp/Screenshot%202016-06-11%2022.19.57.png?dl=0

  Can you explain further?

  -Rui

  June 11, 2016 at 10:22 pm #273995
  uform

  Member

  Post count: 60

  Sorry. Not the instagram images but the paypal icons I added in the copyright section.
  I asked for the code to justify the icons to the left under the : ©2016 – tout droit réservé – dkolor.com
  which is ok.

  But on an iphone the : ©2016 – tout droit réservé – dkolor.com becomes centered
  But the paypal icon I added stays justify to the left.

  I would like it to be centred on an iPhone but to stay float left on an ipad and desktop.

  Naturally the text in the copyright section doest that but the icon I added doesn’t react like that.

  June 12, 2016 at 5:39 pm #274070
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Got it now.
  Try the code below.

  @media only screen and (max-width: 767px){
    .footer-images {
      text-align: center;
    }
  }

  -Rui

  June 13, 2016 at 6:49 am #274134
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Sure, add this to your custom css:

  @media only screen and (max-width: 768px) { 
  .footer-images {
    text-align: center;
  }
  }

  – Kyle

  June 13, 2016 at 3:23 pm #274311
  uform

  Member

  Post count: 60

  Great thanks!

  June 13, 2016 at 11:31 pm #274414
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted.
  -Rui

• Back to forum

  Posted in: Neighborhood