Multiple Accounts Social Icons

Hi Charles,

Not quite sure what you mean? Sounds like you can just insert multiple social icons?

Or are you wanting different widget on different pages?

Might be easier if you can provide an example and link to your site :)

Let me know.

You can also use GP's built-in FontAwesome library if you want the icons at a non-widget area as well: http://fontawesome.io/icons/

I think using the FontAwesome thing might be the best way to do it. Do I add the code to the Page Header / Content box for the page I want the icons to appear in?
Or should I add it directly into the Section I want to to appear in?

I would say directly into the section if that's where you want them :)

Ok, so I've got the icons to show up in the section I want them to. Now how do I code it so that when they are clicked they link to an external website (eg facebook, twitter).

(and how do I centre justify them)

Never written any code before, thanks in advance!

It would be something like this:
<a href="https://URL-HERE/"><i class="fa fa-facebook-square"></i></a>

Are you able to provide a link to your site so I can give you some code to center them?

Thanks, I think I've got that after some trial and error.
1. Here is the link to the page. If they could be justified at similar spacing to the widget in the footer that would be great.
https://jazzplus.org/label/districts/#
2. How do I change them from black icons to white?

Thanks!

Try the CSS below:

#generate-section-3.generate-sections-container {
    text-align: center;
}
#generate-section-3.generate-sections-container i {
    color: #ffffff;
    padding-right: 20px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

Thanks! But I've lost all the code I did yesterday. It seems that whenever I edit another part of the site in Visual, wordpress then switches this section to Visual (not text) and I lose the code. How do I prevent this?

The code I provided above is CSS and it cannot be added to the content itself. Can you try again using the Adding CSS link I provided above underneath the code?

Then you would have to re-add the fontawesome links that if you removed them unfortunately.

Let me know.

Thanks, it's all sorted now and I've saved the code in textpad incase it dissappears from the editor again!

You're welcome :)