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: Atelier
• May 10, 2017 at 3:28 pm #324096
  wayward_studio

  Member

  Post count: 71

  Hi,

  I’d like to style the footer to look like this demo website – http://swiftideas.com/convoy-demo/

  I’ve tried many variations to have the links run side by side like this.
  If possible I would like to have the text running from the left and the payment icons on the right.
  Also, where should I find the icons for this?

  Thanks

  May 10, 2017 at 5:31 pm #324119
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,
  You have to choose the footer layout that it’s divided in two halfs.

  On the righ side you have a menu that you need to add it in the Apperance-> Widgets -> Footer column 2.
  regarding the icons you need to add them in the Footer column 1. Use the Text widget for adding the html of the icons.

  
  <i class="fa-cc-amex sf-icon sf-icon-float-none sf-icon-small" style="color:#cccccc;"></i>
  <i class="fa-cc-mastercard sf-icon sf-icon-float-none sf-icon-small" style="color:#cccccc;"></i> 
  <i class="fa-cc-paypal sf-icon sf-icon-float-none sf-icon-small" style="color:#cccccc;"></i>
  <i class="fa-cc-visa sf-icon sf-icon-float-none sf-icon-small" style="color:#cccccc;"></i>
  <i class="fa-bitcoin sf-icon sf-icon-float-none sf-icon-small" style="color:#cccccc;"></i>

  Hope it helps.

  -Rui

  May 10, 2017 at 7:29 pm #324141
  wayward_studio

  Member

  Post count: 71

  Thanks Rui,

  Almost there! The page links are not styled to sit next to each other, they are still showing in a column.

  Any thoughts?

  May 11, 2017 at 1:20 pm #324253
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please do not use the widgets. Remove your text/menus.

  This area is set in Theme Options => Footer Options => Enable Copyright.

  Put the Icon HTML in the Footer Copyright Text option.

  Enable the Menu option Copyright Right Setup => Menu.

  May 11, 2017 at 2:53 pm #324268
  wayward_studio

  Member

  Post count: 71

  Excellent – thanks David.

  Whilst I’m here, perhaps you know how to fix some other issues I’m facing.

  I’m building a new home page. Please scroll down to the Instagram bar, is it possible to change what is displayed when you hover an image? Ideally I want to remove the text. http://www.waywardstudio.co.uk/home-page-2/

  Is it possible to change the effect when hovering over blog posts, currently it is a very dark grey. Ideally I would make the image lighter or another option if there is?

  Thanks

  May 11, 2017 at 3:07 pm #324272
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  To remove the Instagram overlay on hover, use:

  .blog-grid-items .instagram-item .inst-overlay {
      display: none;
  }

  To adjust the blog thumb hover settings do so in: Theme Options => General Options => Thumbnail Options.

  May 11, 2017 at 6:02 pm #324328
  wayward_studio

  Member

  Post count: 71

  Great! Thanks David!

  May 11, 2017 at 6:07 pm #324329
  David Martin – Support

  Moderator

  Post count: 20834

  Glad to help you out!

  If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

  Thanks,
  David

• Back to forum

  Posted in: Atelier