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 27, 2016 at 3:39 pm #270801
  cfairi

  Member

  Post count: 129

  Hi, I would like to set up a footer like the one you have in your demo: http://swiftideas.com/

  Column 1: Brand info
  Column 2: List of links
  Column 3: List of links
  Column 4: Newsletter sign up styled as per your demo with 3 social icons below

  My questions are:
  1. How do I reduce the size of the heading and body text in the footer?
  2. How do I add the newsletter sign up section, styled as per your demo?

  I have temporarily turned off the footer, but please see attached screen shot for details.

  Thank you!

  Attachments:

  You must be logged in to view attached files.
  May 27, 2016 at 4:20 pm #270819
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  1) Add this to your custom css:

  .widget h3 {
    font-size: 10px;
  }
  .textwidget, .widget li a {
    font-size: 10px;
    line-height:14px;
  }

  2) Follow this: http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/

  – Kyle

  May 28, 2016 at 11:20 am #270910
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  May 30, 2016 at 3:47 pm #271175
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  This reply has been marked as private.
  June 8, 2016 at 12:27 pm #273172
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  June 8, 2016 at 12:40 pm #273177
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Update the code to this, for the footer specific area:

  #footer .widget h3 {
    font-size: 10px;
  }
  #footer .textwidget, .widget li a {
    font-size: 10px;
    line-height:14px;
  }

  Unfortunately due to changes in Instagram’s API, the old method will no longer work – we are investigating the best way to support it now, and we’ll provide information & any necessary updates shortly.

  – David.

  June 10, 2016 at 4:05 am #273661
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  June 12, 2016 at 3:08 pm #274052
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add also this code for the social icons.

  ul.social-icons.large li a {
      font-size: 24px!important;
  }

  What exactly do you want to change in the footer newsletter bar so we can try to provide some css?

  Our solution for the Instagram issue has been approved by Instagram so I guess till the end of next week it will be sorted.
  We will launch an update with that.

  -Rui

  June 13, 2016 at 12:36 am #274105
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  June 13, 2016 at 6:36 am #274132
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add a text widget to your footer and paste this inside:

  <form action="<< YOUR ACTION URL HERE >>" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
  	
  	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" autocomplete="off" placeholder="Enter your email address" title="Enter your email address">
  	
  	<div id="mce-responses" style="display: none;">
  		<div class="response" id="mce-error-response" style="display:none"></div>
  		<div class="response" id="mce-success-response" style="display:none"></div>
  	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
      <div style="position: absolute; left: -5000px;"><input type="text" name="b_a3950048c69f7be72a27013a9_68a002176a" tabindex="-1" value=""></div>
      
      <input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe">
      
  </form>

  – Kyle

  June 13, 2016 at 8:04 am #274148
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please refer this article http://www.swiftideas.com/knowledgebase/replicate-the-newsletter-bar-form/. It will help you sure.
  Thanks
  Mohammad

  June 13, 2016 at 10:37 am #274183
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  June 13, 2016 at 10:40 am #274185
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Go to Customiser > UI elements > Form styling and set to minimal

  – Kyle

  June 13, 2016 at 10:50 am #274190
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  June 13, 2016 at 11:00 am #274197
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  You need to change the section divide colour, it must be the same colour as your background colour

  – Kyle

• Back to forum

  Posted in: Atelier