# Social Buttons help please - Project attached

**URL:** <https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070>\
**Category:** RapidWeaver Elements\
**Created:** [January 27, 2025, 10:37am UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070 "2025-01-27T10:37:14Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 10:37am UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/1 "2025-01-27T10:37:14Z")

</div>

As I’ve only been using beta for under a week I started with headers last week and this was resolved with sticky headers tutorials and input from group which I THANK everyone involved. I spent ages getting all my social buttons (7) lined up like ducks and put into my RW8 project, however, I am not a coder so the question is can I copy and paste the html for all my buttons which are colour coded to exact colour for the companies icons into the code line somewhere. an example of code I have for Facebook is or do I need to modify this for elements? TIA:

```auto
<button
  type="button"
  data-twe-ripple-init
  data-twe-ripple-color="light"
  class="mb-2 inline-block rounded bg-[#1877f2] px-6 py-2.5 text-xs font-medium uppercase leading-normal text-white shadow-md transition duration-150 ease-in-out hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg">
  <span class="[&>svg]:h-4 [&>svg]:w-4">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="currentColor"
      viewBox="0 0 320 512">
      <!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
      <path
        d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z" />
    </svg>
  </span>
</button>

```

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 27, 2025, 1:40pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/2 "2025-01-27T13:40:09Z")

</div>

Hi @PMUK,

I’d recommend recreating them in Elements (for greater flexibility). Here’s a quick sample project I put together that you can modify and use. It includes a bunch of SVG icons for the most popular social platforms.

[Open Social Buttons Project in Elements](elementsapp://downloadDocument/WwXZICNZU2Vj)

Let me know if this works for you, or if you anted something different 😊

 ![CleanShot 2025-01-27 at 1 .39.17@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/a/0a13ddece17b554059b4af492503cb0f654a1207.jpeg)

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 2:43pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/3 "2025-01-27T14:43:55Z")

</div>

Thanks for this but I was trying to get symbols only in a line like in screenshot. I expect everyone knows symbols without text. I tried adding an SVG and then link but it was getting the colours for each which threw me, so decided to do buttons instead bur once again getting all exact colours threw me so thats why I asked question of copying and pasting the code as it took me ages last time to get all this and didn’t want to spend ages again. THANKS again for your prompt response much appreciated.  
 ![Screenshot 2025-01-27 at 14.41.11](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/optimized/3X/c/b/cbc9be02749e29c2f7278b9d19f7e9d55be4efba_2_690x88.png)

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 2:50pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/4 "2025-01-27T14:50:02Z")

</div>

@dan just looked at example file and worked out how to turn text off but not sure how to get the correct colours for others - I have 7 in total?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 27, 2025, 3:05pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/5 "2025-01-27T15:05:52Z")

</div>

You just need to change the background colour of the button, like this…

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 3:21pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/6 "2025-01-27T15:21:23Z")

</div>

@dan thanks again, I have already set up my custom colour bar for my corporate colours which have specific Pantone/RCB/Hex codes etc so know how to do this but each social media button has its own colour so do I have to do a complete new bar of custom colours to find exact button colours? If so thats what takes ages and hence shortcut from before? I would be happy to do this if thats is what is needed. THANKS again!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 27, 2025, 3:44pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/7 "2025-01-27T15:44:22Z")

</div>

> [@PMUK](#):
>
> do I have to do a complete new bar of custom colours to find exact button colours?

Yes, for now, you’ll need to set those colours up in the project you want to use them in, you could try and use the built-in colours for the different social networks to save you time.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 3:59pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/8 "2025-01-27T15:59:02Z")

</div>

I’m on it! THANKS!!!

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 4:29pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/9 "2025-01-27T16:29:40Z")

</div>

Here’s my attempt at a few social media buttons, if you like please share.  
Learning Points

1. How to annoy Dan
2. How to add custom colour bar
3. How to use a custom bar and rename
4. How to pick and change custom colours to “corporate colours”
5. How to add text and picture to a button and show either/or
6. How to link a button - please click on the them in preview
7. How to annoy Dan  
THANKS DAN!!!  
NEW learning point - How not to be able to attach project - I’ve annoyed Dan and sent it to him! 🙂

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 4:31pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/10 "2025-01-27T16:31:05Z")

</div>

Dan

Tries to attach my social media file to share and can not see where to add it, can you kindly add it to my post please and thanks!

(Attachment social buttons.elements.zip is missing)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 27, 2025, 4:32pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/11 "2025-01-27T16:32:18Z")

</div>

Save to Elements Cloud. Click on link button in Elements Cloud to copy link to project. Paste link into forums here

---

<div class="post-metadata">

**Author:** ![PLM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/plm/32/31094_2.png) [@PLM](https://forums.realmacsoftware.com/u/PLM)\
**Post date:** [January 27, 2025, 4:32pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/12 "2025-01-27T16:32:46Z")

</div>

The link doesn’t work

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 4:33pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/13 "2025-01-27T16:33:48Z")

</div>

Thanks here it is [elementsapp://downloadDocument/dSZsXgrx4MGN](elementsapp://downloadDocument/dSZsXgrx4MGN)

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 27, 2025, 4:33pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/14 "2025-01-27T16:33:57Z")

</div>

I think it is a forums issue. Copy and paste into browser, and should open Elements and download. Sometimes it works, sometimes it doesn’t. (as a link in forums)

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 4:34pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/15 "2025-01-27T16:34:58Z")

</div>

Done it as you said and it works for me. THANKS for your help.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 4:37pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/16 "2025-01-27T16:37:38Z")

</div>

@PLM See above link and let me know its working please.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 27, 2025, 5:25pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/17 "2025-01-27T17:25:35Z")

</div>

Oh wow, that looks great - nice work @PMUK!

Here’s a screenshot for those wondering what it looks like 😊

 ![CleanShot 2025-01-27 at 5 .24.12@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/0/709041a8df1d9036084390e21ec5d4cd69df0911.jpeg)

[Project download link above](https://forums.realmacsoftware.com/t/social-buttons-help-please/46070/13) ⬆

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 27, 2025, 5:32pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/18 "2025-01-27T17:32:08Z")

</div>

@PMUK Just looking at the project and noticed you added a little hover animation to the SVG, look great! but you might want to trigger it when you mouse inside the button. To do this set the Hover “Over” option to “Parent” — Here’s a quick video showing how to do it…

---

<div class="post-metadata">

**Author:** ![PLM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/plm/32/31094_2.png) [@PLM](https://forums.realmacsoftware.com/u/PLM)\
**Post date:** [January 27, 2025, 6:30pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/19 "2025-01-27T18:30:40Z")

</div>

I don’t have the Elements app. That’s why it’s not working, sorry.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 27, 2025, 6:45pm UTC](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070/20 "2025-01-27T18:45:22Z")

</div>

@dan my word don’t push me I might break my brain!🤣 Just to let you know I’m nearly 70 yrs old but love to learn - Essentials is looking like something that’s going to make my RW journey - been going since v2 - a lot easier. Still lots to learn as Ive only being doing headers and footers and still not happy with footers yet! Only had beta fro nearly a week now!

[Next page](https://forums.realmacsoftware.com/t/social-buttons-help-please-project-attached/46070.md?page=2)