Multiple social links

Hi, can I have links to two separate socials for my other businesses in my site footer?

I'd like 'Sorella' socials to link to their socials and 'Ory's' to link to it's socials.

I've tried adding code I've found on this forum but can't get it working.

Thanks!

Yes. This is possible with Code Block.

You can share Sorella and Ory's Facebook Link, I can code & give you full code

Hello, that would be amazing if you could code for me! thanks very much.

Ory's
FB: https://www.facebook.com/profile.php?id=100086479158953
Insta: https://www.instagram.com/orysfallscreek/?hl=en#

Sorella
FB: https://www.facebook.com/profile.php?id=61557372192607
Insta: https://www.instagram.com/sorellafallscreek/?hl=en#

This might be a stretch, but is it possible to have these reservation links pop up in a widget without taking the user to a new webpage?

https://www.sevenrooms.com/reservations/sorellafallscreek
https://www.sevenrooms.com/reservations/orysfallscreek

All the best and thanks for the help.

I forgot to ask, what is your site url?

https://www.sorellafallscreek.com.au/

and 

http://www.orysfallscreek.com.au/

On 5/7/2024 at 2:23 AM, woodyyyy said:

Hi, can I have links to two separate socials for my other businesses in my site footer?

I'd like 'Sorella' socials to link to their socials and 'Ory's' to link to it's socials.

I've tried adding code I've found on this forum but can't get it working.

Thanks!

I think you can keep Social Icons, then I will use JS code to change url on right side.

But If you want to use Code Block, add a Code Block > Paste this code

Code Block 1, use this

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<ul class="t-social">
<li>
  <a href="https://www.facebook.com/profile.php?id=100086479158953" target="_blank">
  <i class="fab fa-facebook-f"></i>
  </a>
</li>
<li>
  <a href="https://www.instagram.com/orysfallscreek/?hl=en#" target="_blank">
  <i class="fab fa-instagram"></i>
  </a>
</li>
</ul>
<style>
  /* code block padding top bottom */
  .code-block {
    padding-top: 0;
    padding-bottom: 0;
}
  /* social icons code */
.t-social {
    display: block;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
  	padding-left: 0;
}
  .t-social li {
  display: inline-block;
    margin: 0;
    line-height: 100%!important;
  }
  .t-social li i {
    font-size: 30px;
    margin: 0 10px;
}
</style>

If you added Code Block 1, then Code Block 2 will require a shorter code

<ul class="t-social">
<li>
  <a href="https://www.facebook.com/profile.php?id=61557372192607" target="_blank">
  <i class="fab fa-facebook-f"></i>
  </a>
</li>
<li>
  <a href="https://www.instagram.com/sorellafallscreek/?hl=en#" target="_blank">
  <i class="fab fa-instagram"></i>
  </a>
</li>
</ul>

With

Quote

This might be a stretch, but is it possible to have these reservation links pop up in a widget without taking the user to a new webpage?

You can use a Popup plugin (referral link) to achieve this.

25 minutes ago, Reezy said:

is there anyway to get the new X logo

Yes. Use the x.com domain for your URL. If you use twitter.com you get the bird.