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: Cardinal
• January 19, 2015 at 1:15 am #142240
  George

  Member

  Post count: 235

  Hi guys,

  I’m looking to put a modal in my footer area but want text only and no button.

  How can I achieve this?

  Thank you!

  January 19, 2015 at 7:21 am #142267
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please put there modal button at footer and provide me website url. I will give some code to make it simple text.

  Thanks
  Mohammad

  January 19, 2015 at 10:20 pm #142535
  George

  Member

  Post count: 235

  Hi Mohammed,

  I have a modal in my footer @ http://www.events.com.au

  January 20, 2015 at 9:39 am #142607
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #footer a.sf-button.white{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
  }
  
  #footer a.sf-button.white:hover{
  background:transparent !important;
  border:none !important;
  color:#fff !important;
  text-decoration:underline !important; 
  }
  

  Thanks
  Mohammad

  January 20, 2015 at 9:40 am #142609
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  #footer a[data-toggle="modal"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ffffff !important;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }

  – Kyle

  January 20, 2015 at 10:39 pm #142848
  George

  Member

  Post count: 235

  Hi Kyle,

  Thanks for that! It works well – genius.

  On the bottom there’s still a hidden background and some margins, would it be possible to make the modal have properties the same as a normal text link? I.e. color on hover and inline etc?

  January 21, 2015 at 8:30 am #142889
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add:

  #footer a[data-toggle="modal"]:hover {
    color: #efefef !important;
  }

  The space is because you have 2 line breaks after your other links

  – Kyle

• Back to forum

  Posted in: Cardinal